{"id":582,"date":"2020-12-04T15:03:39","date_gmt":"2020-12-04T14:03:39","guid":{"rendered":"https:\/\/www.dolcifaidate.it\/?page_id=582"},"modified":"2025-12-15T18:11:35","modified_gmt":"2025-12-15T17:11:35","slug":"contatti","status":"publish","type":"page","link":"https:\/\/www.dolcifaidate.it\/?page_id=582","title":{"rendered":"Contatti"},"content":{"rendered":"\n<div>\n    <p><strong>Tel &#8211; Fax: 0817672261<\/strong><\/p>\n    <p><strong>e-mail: info@dolcifaidate.it<\/strong><\/p>\n<\/div>\n\n<style>\n\/* ======================================= *\/\n\/* 1. STILE DEL CONTENITORE PRINCIPALE (La \"Card\") *\/\n\/* ======================================= *\/\n\n\/* Nota: Ho usato una classe generica 'contact-card' qui. \n   Se non hai un div esterno per il modulo, puoi usare .wpcf7. *\/\n.wp-block-contact-form-7-contact-form-selector {\n    max-width: 500px; \n    margin: 50px auto; \n    padding: 40px; \n    \n    background-color: #FFFFFF; \n    border-radius: 12px; \n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); \n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n}\n\n\/* ======================================= *\/\n\/* 2. STILE DEI CAMPI (Input e Textarea CF7) *\/\n\/* ======================================= *\/\n\n\/* Selettori per tutti i campi di input e textarea generati da CF7 *\/\n.wpcf7 input[type=\"text\"],\n.wpcf7 input[type=\"email\"],\n.wpcf7 textarea {\n    width: 100%;\n    padding: 14px 18px; \n    \n    \/* Colori a tema *\/\n    border: 1px solid #FFC0CB; \/* Bordo color crema\/beige *\/\n    border-radius: 8px; \/* Angoli arrotondati *\/\n    \n    box-sizing: border-box;\n    font-size: 1em;\n    color: #333;\n    transition: border-color 0.3s ease, background-color 0.3s ease;\n}\n\n\/* Stile per le etichette (Label) *\/\n.wpcf7 label {\n    display: block;\n    margin-bottom: 8px;\n    font-weight: 500;\n    color: #555;\n    font-size: 1em;\n}\n\n\/* Interazione: Effetto Focus (quando l'utente clicca) *\/\n.wpcf7 input:focus,\n.wpcf7 textarea:focus {\n    border-color: #FF69B4; \/* Bordo diventa color cioccolato al focus *\/\n    outline: none;\n    box-shadow: 0 0 5px rgba(160, 82, 45, 0.4);\n    background-color: #FFF0F5; \n}\n\n\/* ======================================= *\/\n\/* 3. STILE DEL PULSANTE DI INVIO (CF7) *\/\n\/* ======================================= *\/\n\n\/* CF7 usa un input di tipo submit con la classe wpcf7-submit *\/\n.wpcf7 input[type=\"submit\"].wpcf7-submit {\n    display: block;\n    width: 100%;\n    padding: 16px;\n    \n    background-color: #FF69B4; \/* Colore di branding (cioccolato) *\/\n    color: white;\n    border: none;\n    border-radius: 8px;\n    cursor: pointer;\n    font-size: 1.15em;\n    font-weight: bold;\n    letter-spacing: 0.5px;\n    transition: background-color 0.3s ease, transform 0.1s ease;\n\n    \/* Rimuove ogni bagliore di focus (l'alone bianco\/blu) *\/\n    outline: none !important; \n    \n    \/* Rimuove l'ombra interna che a volte sembra un alone chiaro *\/\n    box-shadow: none !important;\n    \n    \/* Assicurati che il background non abbia sfumature extra *\/\n    background-image: none !important;\n}\n\n.wpcf7 input[type=\"submit\"].wpcf7-submit:hover {\n    background-color: #81c9c7; \/* Tonalit\u00e0 pi\u00f9 scura in hover #F08080*\/\n}\n\n.wpcf7 input[type=\"submit\"].wpcf7-submit:active {\n    transform: scale(0.99);\n}\n\n\n\n\n\/* ==================================================== *\/\n\/* STILE GENERALE MODERNO DEI MESSAGGI DI RISPOSTA CF7 *\/\n\/* ==================================================== *\/\n\n\/* Selettore base rinforzato per tutti i messaggi *\/\ndiv.wpcf7-response-output {\n    \/* Spaziatura e forma *\/\n    margin: 25px 0 !important; \n    padding: 20px 25px 20px 35px !important; \/* Pi\u00f9 padding a sinistra per la barra *\/\n    border-radius: 10px !important; \n    \/*border: none !important;  Rimuove il bordo predefinito *\/\n    \n    \/* Tipografia *\/\n    font-size: 1.1em !important; \n    font-weight: 600 !important;\n    \n    \/* Aspetto moderno *\/\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); \/* Ombra morbida *\/\n    transition: all 0.3s ease; \/* Effetto di apparizione pi\u00f9 fluido *\/\n    position: relative; \/* Base per la barra laterale *\/\n}\n\n\n\/* ---------------------------------- *\/\n\/* 1. MESSAGGIO DI SUCCESSO (INVIATO!) *\/\n\/* ---------------------------------- *\/\ndiv.wpcf7-response-output.wpcf7-mail-sent-ok {\n    \/* Colori Rosa \/ Viola *\/\n    background-color: #F8F0FF !important; \/* Base lavanda molto chiara *\/\n    color: #9C27B0 !important; \/* Testo Viola Scuro\/Fucsia (forte contrasto) *\/\n    \n    \/* La barra laterale di accento *\/\n    border-left: 6px solid #FF69B4 !important; \/* Rosa caldo *\/\n}\n\n\/* ---------------------------------- *\/\n\/* 2. MESSAGGIO DI ERRORE (ERRORE INVIO) *\/\n\/* ---------------------------------- *\/\ndiv.wpcf7-response-output.wpcf7-mail-sent-ng,\ndiv.wpcf7-response-output.wpcf7-validation-errors {\n    \/* Colori per l'errore (Salmon\/Rosso) *\/\n    background-color: #FFF0F0 !important; \/* Base Rosa\/Rosso molto chiara *\/\n    color: #D32F2F !important; \/* Testo Rosso Scuro *\/\n    \n    \/* La barra laterale di accento *\/\n    border-left: 6px solid #F44336 !important; \/* Rosso chiaro *\/\n}\n\n\/* ---------------------------------- *\/\n\/* 3. MESSAGGI DI AVVERTIMENTO (Campi vuoti, Spam, ecc.) *\/\n\/* ---------------------------------- *\/\ndiv.wpcf7-response-output.wpcf7-spam-blocked,\ndiv.wpcf7-response-output.wpcf7-file-too-large {\n    \/* Colori Neutri \/ Giallo *\/\n    background-color: #FFFDE7 !important; \/* Base giallo chiaro *\/\n    color: #FFA000 !important; \/* Testo Ambra *\/\n    \n    \/* La barra laterale di accento *\/\n    border-left: 6px solid #FFC107 !important; \n}\n\n\n.wpcf7 form .wpcf7-response-output {\n    margin: 2em 0.5em 1em;\n    padding: 0.2em 1em;\n    border: 2px solid #FF69B4; \/* Blue *\/\n    text-align: center;\n}\n \n \n.wpcf7 form.sent .wpcf7-response-output {\n    border-color: #00BCA1 ; \/* Green *\/\n    text-align: center;\n}\n \n.wpcf7 form.failed .wpcf7-response-output,\n.wpcf7 form.aborted .wpcf7-response-output {\n    border-color: #dc3232; \/* Red *\/\n    text-align: center;\n}\n \n.wpcf7 form.spam .wpcf7-response-output {\n    border-color: #f56e28; \/* Orange *\/\n    text-align: center;\n}\n \n.wpcf7 form.invalid .wpcf7-response-output,\n.wpcf7 form.unaccepted .wpcf7-response-output {\n    border-color: #FFFF05; \/* Yellow *\/\n    text-align: center;\n}\n\n\n.wpcf7-spinner{\n    margin-left:148px !important;\n    margin-right:198px !important;\n}\n\ntextarea {\n  resize: vertical;   \/* solo in altezza *\/\n}\n\n.contieneContattoForm{\n   background-color: #81c9c7;\n   margin: 100px auto !important;\n   padding: 40px;\n}\n\/*per pagina contatti sfondo*\/\n.wp-block-contact-form-7-contact-form-selector{\n\tmargin: 50px auto !important;\n\tbackground-color: #f6a8c6 !important;\n}\n\n\n\n\/*>PER MOBILE*\/\n\/* Impedisce fisicamente a QUALSIASI cosa di uscire a destra *\/\nbody, html {\n    overflow-x: hidden !important;\n    width: 100vw !important;\n    position: relative !important;\n}\n\/* REGOLE SPECIFICHE PER DISPOSITIVI MOBILE *\/\n@media only screen and (max-width: 768px) {\n\n    \/* 1. SISTEMAZIONE MODULO CONTATTI (Immagine 2) *\/\n    .wp-block-contact-form-7-contact-form-selector  {\n        width: 92% !important; \/* Fa s\u00ec che la scheda occupi quasi tutta la larghezza *\/\n        max-width: none !important;\n        margin: 20px auto !important; \/* Centra la scheda con poco margine sopra\/sotto *\/\n        padding: 25px 15px !important; \/* Riduce lo spazio interno per far stare tutto *\/\n    }\n\n    .wpcf7 input[type=\"text\"],\n    .wpcf7 input[type=\"email\"],\n    .wpcf7 textarea {\n        font-size: 16px !important; \/* Evita che l'iPhone faccia lo zoom automatico sugli input *\/\n        padding: 12px !important;\n    }\n\n    .wpcf7-submit {\n        width: 100% !important; \/* Il pulsante \"Invia\" a tutta larghezza \u00e8 pi\u00f9 facile da cliccare *\/\n        padding: 15px !important;\n    }\n}\n\n\n@media only screen and (max-width: 768px) {\n\n    \/* 1. ESPANSIONE DEL CONTENITORE ROSA *\/\n    .wp-block-contact-form-7-contact-form-selector {\n        width: 96% !important; \/* Quasi a filo con i bordi dello schermo *\/\n        margin: 10px auto !important; \/* Riduce il margine sopra e sotto *\/\n        \n        \/* RIDUZIONE PADDING INTERNO: fondamentale per dare spazio ai campi *\/\n        padding: 20px 10px !important; \n        \n        box-sizing: border-box !important;\n    }\n\n    \/* 2. ALLARGAMENTO DEI CAMPI DI TESTO *\/\n    .wpcf7-form-control-wrap {\n        width: 100% !important;\n        display: block !important;\n    }\n\n    .wpcf7 input[type=\"text\"],\n    .wpcf7 input[type=\"email\"],\n    .wpcf7 textarea {\n        width: 100% !important;\n        margin-left: 0 !important;\n        margin-right: 0 !important;\n        padding: 10px !important; \/* Riduce leggermente il padding interno agli input *\/\n    }\n\n    \/* 3. CONTROLLO DEL WRAPPER ESTERNO (Sfondo Azzurro) *\/\n    \/* Se il div azzurro ha dei margini o padding, li azzeriamo qui *\/\n    .contieneContattoForm { \n        padding-left: 5px !important;\n        padding-right: 5px !important;\n    }\n\n    .wpcf7-spinner {\n    margin-left: 60px !important;\n    margin-right: 105px !important;\n    }\n}\n\n\n\n\/* ==================================================== *\/\n\/* 1. STILE DELLO SPINNER (Assicurati che sia visibile) *\/\n\/* ==================================================== *\/\n.wpcf7-spinner {\n    \/* Propriet\u00e0 di base dello span *\/\n    display: inline-block; \n    width: 20px; \/* Larghezza che lo rende visibile *\/\n    height: 20px; \/* Altezza *\/\n    border-radius: 50%; \/* Se vuoi un cerchio *\/\n    background-color: #FF69B4; \/* Colore del \"dolce\" spinner *\/\n    \n    \/* Configurazione animazione *\/\n    animation: slideAndReturn 2s infinite ease-in-out;\n    position: relative; \/* Base per il posizionamento *\/\n}\n\n\/* ==================================================== *\/\n\/* 2. DEFINIZIONE DELL'ANIMAZIONE (@keyframes) *\/\n\/* ==================================================== *\/\n@keyframes slideAndReturn {\n    \/* Inizio dell'animazione *\/\n    0% {\n        transform: translateX(0); \/* Posizione iniziale (a sinistra) *\/\n        opacity: 0.5;\n    }\n\n    \/* Punto centrale: massima estensione a destra *\/\n    50% {\n        \/* Sposta l'elemento di 100px a destra *\/\n        transform: translateX(100px); \n        opacity: 1; \/* Massima visibilit\u00e0 *\/\n    }\n\n    \/* Fine dell'animazione (ritorno al punto di partenza) *\/\n    100% {\n        transform: translateX(0); \/* Ritorna a sinistra *\/\n        opacity: 0.5;\n    }\n}\n<\/style>\n\n\n\n<div class=\"contieneContattoForm\">\n\n\n\n<div class=\"wp-block-contact-form-7-contact-form-selector\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f397-o1\" lang=\"it-IT\" dir=\"ltr\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F582#wpcf7-f397-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Modulo di contatto\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"397\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"5.8.1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"it_IT\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f397-o1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/div>\n<p><label> Il tuo nome<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> La tua email<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> Oggetto<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span> <\/label>\n<\/p>\n<p><label> Il tuo messaggio (facoltativo)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Invia\" \/>\n<\/p><p style=\"display: none !important;\"><label>&#916;<textarea name=\"_wpcf7_ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"_wpcf7_ak_js\" value=\"200\"\/><script>document.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );<\/script><\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\n\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Tel &#8211; Fax: 0817672261 e-mail: info@dolcifaidate.it<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=\/wp\/v2\/pages\/582"}],"collection":[{"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=582"}],"version-history":[{"count":94,"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=\/wp\/v2\/pages\/582\/revisions"}],"predecessor-version":[{"id":2738,"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=\/wp\/v2\/pages\/582\/revisions\/2738"}],"wp:attachment":[{"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}