/* =====================================================================
   OPERAZIONE PAGINA SUPPORTO — pagina 1076 (/supporto/)
   Caricato solo su questa pagina da includes/snippets/enqueue.php.

   Passo 1 (07/10/2026): ALLINEAMENTO.
   Tutte le sezioni nello stesso blocco centrato della Membership:
   1172,5 px a d0 (a 1920 va da 373,75 a 1546,25).
   Si tolgono solo i margini interni ORIZZONTALI: gli spazi verticali
   restano quelli di prima.
   Per ora vale da 1025 px in su; telefono e tablet arriveranno dopo.
   ===================================================================== */
@media (min-width: 1025px) {

  /* --- il blocco: larghezza e centratura delle sezioni --- */
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-cdcd74b.e-con,
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-54f0898.e-con,
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-aa1be22.e-con,
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-d6db247.e-con,
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-1081b1f.e-con,
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-ae55314.e-con,
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-b24f695.e-con,
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-4dea2fd.e-con,
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-da9eb4d.e-con {
    --width: min(1172.5px, 100% - 80px) !important;
    width: min(1172.5px, 100% - 80px) !important;
    max-width: none !important;
    --margin-left: auto !important; --margin-right: auto !important;
    margin-left: auto !important; margin-right: auto !important;
    --padding-left: 0px !important; --padding-right: 0px !important;
    padding-left: 0 !important; padding-right: 0 !important;
  }

  /* --- contatti: due colonne uguali, 70 px fra l'una e l'altra --- */
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-cdcd74b.e-con {
    --column-gap: 70px !important; column-gap: 70px !important;
  }
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-5914be1.e-con,
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-89e95e3.e-con {
    --width: calc((100% - 70px) / 2) !important;
    width: calc((100% - 70px) / 2) !important;
    max-width: none !important; flex: 0 0 auto !important;
  }
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-5914be1.e-con,
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-89e95e3.e-con,
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-0e02e7a.e-con,
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-5eca0da.e-con,
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-20e7204.e-con,
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-cd59001.e-con {
    --padding-left: 0px !important; --padding-right: 0px !important;
    padding-left: 0 !important; padding-right: 0 !important;
  }

  /* --- domande frequenti: lista larga quanto il blocco, titolo a filo come gli altri --- */
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-2524edf.e-con {
    --width: 100% !important; width: 100% !important; max-width: none !important;
    --padding-left: 0px !important; --padding-right: 0px !important;
    padding-left: 0 !important; padding-right: 0 !important;
    --margin-left: 0px !important; --margin-right: 0px !important;
    margin-left: 0 !important; margin-right: 0 !important;
  }
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-1258844 .elementor-heading-title {
    text-align: left !important;
  }

  /* --- domande frequenti: domanda e risposta a filo del blocco, il «+» a filo del bordo destro --- */
  html body.page-id-1076 .elementor-element-a3df8e0 .e-n-accordion-item > .e-n-accordion-item-title {
    padding-left: 0 !important; padding-right: 0 !important;
    padding-inline-start: 0 !important; padding-inline-end: 0 !important;
  }
  /* il «+» era un svg largo 64 px con il segno disegnato al centro: lo stringo alla sua altezza
     e lo sposto di quanto il disegno rientra nel quadrato (25,2%), così l'INCHIOSTRO tocca il bordo */
  html body.page-id-1076 .elementor-element-a3df8e0 .e-n-accordion-item-title-icon,
  html body.page-id-1076 .elementor-element-a3df8e0 .e-n-accordion-item-title-icon > span { width: auto !important; }
  html body.page-id-1076 .elementor-element-a3df8e0 .e-n-accordion-item-title-icon svg { width: auto !important; transform: translateX(25.2%); }
  html body.page-id-1076 .elementor-element-a3df8e0 .e-n-accordion-item > .e-con {
    --padding-left: 0px !important; --padding-right: 0px !important;
    padding-left: 0 !important; padding-right: 0 !important;
  }

  /* --- amici e riparatori: il testo della prima colonna a filo dei titoli --- */
  html body.page-id-1076 .elementor-element-3ce05a5 table tr > :first-child { padding-left: 0 !important; }
  html body.page-id-1076 .elementor-element-3ce05a5 table tr > :last-child { padding-right: 0 !important; }

  /* --- ulteriori informazioni: la lista era spostata di 20 px a destra --- */
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-449cff7.e-con {
    --width: 100% !important; width: 100% !important; max-width: none !important;
    --margin-left: 0px !important; --margin-right: 0px !important;
    margin-left: 0 !important; margin-right: 0 !important;
    --padding-left: 0px !important; --padding-right: 0px !important;
    padding-left: 0 !important; padding-right: 0 !important;
  }

  /* le frecce a filo del bordo destro (avevano 10 px di margine) */
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element-449cff7 .elementor-widget-icon {
    margin-right: 0 !important; --margin-right: 0px !important; margin-inline-end: 0 !important;
  }
  /* la freccia disegnata rientra nella sua scatola (24,7% della larghezza): la sposto perché l'inchiostro tocchi il bordo */
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element-449cff7 .elementor-widget-icon .elementor-icon svg { transform: translateX(24.7%); }

  /* --- fascia beige: lo sfondo resta a tutta larghezza, il contenuto entra nel blocco --- */
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-de54ad5.e-con {
    --padding-left: max(40px, calc((100% - 1172.5px) / 2)) !important;
    --padding-right: max(40px, calc((100% - 1172.5px) / 2)) !important;
    padding-left: max(40px, calc((100% - 1172.5px) / 2)) !important;
    padding-right: max(40px, calc((100% - 1172.5px) / 2)) !important;
    --column-gap: 60px !important; column-gap: 60px !important;
  }
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-f8988a5.e-con,
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-f529107.e-con,
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-2b328dd.e-con {
    --width: calc((100% - 120px) / 3) !important;
    width: calc((100% - 120px) / 3) !important;
    max-width: none !important; flex: 0 0 auto !important;
    --padding-left: 0px !important; --padding-right: 0px !important;
    padding-left: 0 !important; padding-right: 0 !important;
  }
}

/* =====================================================================
   Passo 2 (07/10/2026): CARATTERI E MISURE DEI TESTI, a ogni risoluzione.
   Matteo: «le dimensioni dei testi Delight bold e Lausanne devono essere tali
   e quali al resto del sito per ogni res (non si parla dei titoli)», sempre
   con i font giusti (niente Lato).
   Scale copiate dal resto del sito:
   - TESTO (Lausanne), scala di Chi siamo e Membership = descrizione prodotto
     (.ac-pt-bs-text): ≤768 15px · 769–1600 14px · 1601–1920 15px · oltre 1920
     da 15 a 20px (2400). Interlinea 1,4.
     Il grassetto dentro i testi e le tabelle (Delight bold) ha la STESSA misura.
   - DOMANDE FREQUENTI (Delight bold), scala delle FAQ delle schede prodotto
     (.ac-pt-faq-label): ≤1024 15px · 1025–1920 da 13 a 18px · oltre 1920 da 18
     a 23px (2400). Vale anche per i link di «Ulteriori informazioni», che sono
     righe dello stesso tipo.
   - PULSANTI: come «Diventa Membro» della Membership: Delight bold 14px,
     maiuscolo, spaziatura 0,5px, a tutte le larghezze.
   - MODULO: come la pagina di accesso: etichette Delight bold 15px, campi
     Lausanne 15px, a tutte le larghezze.
   I titoli (H1, H2) non si toccano.
   ===================================================================== */
html body.page-id-1076 {
  --ac-sup-testo: 15px;
  --ac-sup-faq: 15px;
}
@media (min-width: 769px) and (max-width: 1600px) {
  html body.page-id-1076 { --ac-sup-testo: 14px; }
}
@media (min-width: 1025px) {
  html body.page-id-1076 { --ac-sup-faq: clamp(13px, calc(13px + 5 * (100vw - 1024px) / 896), 18px); }
}
@media (min-width: 1921px) {
  html body.page-id-1076 {
    --ac-sup-testo: clamp(15px, calc(15px + 5 * (100vw - 1920px) / 480), 20px);
    --ac-sup-faq: clamp(18px, calc(18px + 5 * (100vw - 1920px) / 480), 23px);
  }
}

/* --- testo in Lausanne --- */
html body.page-id-1076 .elementor.elementor-1076 .elementor-widget-text-editor p,
html body.page-id-1076 .elementor.elementor-1076 .elementor-widget-text-editor li,
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-408fd2b .elementor-icon-list-text,
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-0fcce1a .hours-table td.time,
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-3ce05a5 table td,
html body.page-id-1076 .elementor.elementor-1076 .elementor-form .js-text,
html body.page-id-1076 .elementor.elementor-1076 .elementor-form a.privacycheck {
  font-family: "Lausanne", Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  font-size: var(--ac-sup-testo) !important;
  line-height: 1.4 !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-widget-text-editor p a,
html body.page-id-1076 .elementor.elementor-1076 .elementor-widget-text-editor p span {
  font-family: inherit !important; font-size: inherit !important; line-height: inherit !important;
}

/* --- grassetto in Delight, alla misura del testo --- */
html body.page-id-1076 .elementor.elementor-1076 .elementor-widget-text-editor strong,
html body.page-id-1076 .elementor.elementor-1076 .elementor-widget-text-editor b,
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-0fcce1a .hours-table td.day,
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-3ce05a5 table th,
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-de54ad5 .elementor-icon-list-text,
html body.page-id-1076 .elementor.elementor-1076 .ac-rip-question,
html body.page-id-1076 .elementor.elementor-1076 .ac-rip-link {
  font-family: "Delight", Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-size: var(--ac-sup-testo) !important;
  line-height: 1.4 !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-widget-text-editor p strong,
html body.page-id-1076 .elementor.elementor-1076 .elementor-widget-text-editor p b {
  font-size: inherit !important; line-height: inherit !important;
}

/* --- domande frequenti e link di «Ulteriori informazioni» --- */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-a3df8e0 .e-n-accordion-item-title-text,
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-449cff7 .elementor-heading-title,
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-449cff7 .elementor-heading-title a {
  font-family: "Delight", Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-size: var(--ac-sup-faq) !important;
  line-height: 1.2 !important;
}

/* --- pulsanti --- */
html body.page-id-1076 .elementor.elementor-1076 .elementor-button,
html body.page-id-1076 .elementor.elementor-1076 .elementor-button .elementor-button-text {
  font-family: "Delight", Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* --- modulo: etichette e campi --- */
html body.page-id-1076 .elementor.elementor-1076 .elementor-form .elementor-field-label {
  font-family: "Delight", Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-form .elementor-field-textual,
html body.page-id-1076 .elementor.elementor-1076 .elementor-form input.elementor-field,
html body.page-id-1076 .elementor.elementor-1076 .elementor-form select.elementor-field,
html body.page-id-1076 .elementor.elementor-1076 .elementor-form textarea.elementor-field,
html body.page-id-1076 .elementor.elementor-1076 .elementor-form .elementor-field-textual::placeholder,
html body.page-id-1076 .elementor.elementor-1076 .ac-rip-input-wrap input,
html body.page-id-1076 .elementor.elementor-1076 .ac-rip-input-wrap input::placeholder {
  font-family: "Lausanne", Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  font-size: 15px !important;
}

/* --- «Visite in sede»: paragrafi giustificati (Matteo, 07/10/2026), come le descrizioni prodotto.
       L'ultima riga resta allineata a sinistra. --- */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-3220181 p {
  text-align: justify !important;
}


/* =====================================================================
   Passo 3 (07/10/2026): MODULO DI CONTATTO allineato ai moduli del sito.
   Matteo: «allinea esteticamente anche il modulo di contatto, così non ci siamo».
   Riferimento: il checkout rifatto su dev2, il modulo più recente su fondo bianco:
   campi squadrati alti 52px con filo rgba(0,0,0,.15), 12px fra due campi affiancati,
   24px fra una riga e l'altra, casella e link arancioni (#C45226).
   - via il riquadro beige arrotondato: i campi vanno a filo della colonna e del titolo;
   - il nome di ogni campo DENTRO il campo, come nel checkout (etichette sopra nascoste alla vista);
   - tendina con la freccia sottile; allegato come un campo, tratteggiato;
   - consenso con la casella quadrata del checkout e il testo in Lausanne;
   - pulsante a tutta larghezza, nero pieno (Delight bold 14 maiuscolo, passo 2).
   Solo CSS: le impostazioni Elementor del modulo (7794b61) restano quelle di prima.
   ===================================================================== */

/* --- via il riquadro beige --- */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-7794b61,
html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-7794b61 > .elementor-widget-container {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  --padding-top: 0px !important; --padding-right: 0px !important; --padding-bottom: 0px !important; --padding-left: 0px !important;
}

/* --- griglia: 12px fra le colonne, 24px fra le righe, campi a filo della colonna --- */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .elementor-form-fields-wrapper {
  margin-left: -6px !important; margin-right: -6px !important; margin-bottom: -24px !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .elementor-field-group {
  padding-left: 6px !important; padding-right: 6px !important; margin-bottom: 24px !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .elementor-field-group.elementor-field-type-recaptcha_v3 {
  margin-bottom: 0 !important;   /* gruppo vuoto: non deve aggiungere spazio sopra il pulsante */
}
/* Matteo: «non mi piacciono i segnaposto, piuttosto scrivi all'interno nome cognome ecc.»
   Il nome di ogni campo sta DENTRO il campo, come nel checkout. Le etichette sopra spariscono
   alla vista ma restano nel codice per chi usa un lettore di schermo. */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .elementor-field-group > .elementor-field-label {
  position: absolute !important;
  width: 1px !important; height: 1px !important;
  margin: -1px !important; padding: 0 !important;
  overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important;
  white-space: nowrap !important; border: 0 !important;
}

/* --- campi --- */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 input.elementor-field-textual,
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 select.elementor-field-textual,
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 textarea.elementor-field-textual {
  height: 52px !important; min-height: 52px !important;
  padding: 0 15px !important;
  border: 1px solid rgba(0, 0, 0, .15) !important;
  border-radius: 0 !important;
  background-color: #fff !important;
  color: #222 !important;
  box-shadow: none !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 textarea.elementor-field-textual {
  height: 140px !important; padding: 15px !important; resize: vertical;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .elementor-field-textual:focus {
  border-color: #000 !important; outline: none !important;
}
/* il nome dentro il campo ha il colore del testo, come le etichette interne del checkout */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .elementor-field-textual::placeholder {
  color: #222 !important; opacity: 1 !important;
}

/* --- tendina: freccia sottile al posto del triangolo pieno --- */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .select-caret-down-wrapper { display: none !important; }
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .elementor-select-wrapper select.elementor-field-textual {
  -webkit-appearance: none !important; appearance: none !important;
  padding-right: 42px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23000' stroke-width='1.3'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 15px center !important;
  background-size: 12px 8px !important;
}

/* --- allegato: un campo come gli altri, tratteggiato, con il «+» a sinistra --- */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .js-upload-ui {
  margin-top: 0 !important;
  min-height: 52px !important;
  flex-direction: row !important; justify-content: flex-start !important; align-items: center !important;
  gap: 12px !important;
  padding: 0 15px !important;
  border: 1px dashed rgba(0, 0, 0, .35) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important; transform: none !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .js-upload-ui:hover,
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .js-upload-ui.dragover {
  border-color: #000 !important; background: #fff !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .js-upload-ui.has-file {
  border-style: solid !important;
}
/* «+» disegnato, non scritto (Matteo: «l'icona del + è fatta male»): un carattere di testo non
   sta mai al centro del cerchio. Cerchio da 25px con bordo 1px.
   Croce (07/10, Matteo: «riduci la dimensione del più e rendilo più spesso di 0.5px»): da 11 a 9px,
   tratti da 1 a 1,5px. Il disegno è fatto in pixel dello schermo retina (18 unità = 9px): i tratti
   da 3 unità stanno su pixel interi e restano nitidi; il centro è spostato di 1/4 di pixel, invisibile. */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .js-plus {
  flex: none !important;
  box-sizing: border-box !important;
  width: 25px !important; height: 25px !important;
  border: 1px solid #000 !important; border-radius: 50% !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 18 18'%3E%3Cpath d='M8.5 0v18M0 8.5h18' fill='none' stroke='%23000' stroke-width='3'/%3E%3C/svg%3E") no-repeat center / 9px 9px !important;
  transform: none !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .js-plus > span { display: none !important; }
/* file caricato: stessa misura, spunta disegnata nel verde che lo script usa già per questo stato */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .js-upload-ui.has-file .js-plus {
  border-color: #2e7d32 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11'%3E%3Cpath d='M1 5.8l2.9 2.9L10 2.6' fill='none' stroke='%232e7d32' stroke-width='1.2'/%3E%3C/svg%3E") !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .js-upload-ui.has-file .js-plus::after { content: none !important; display: none !important; }
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .js-text { color: #222 !important; max-width: none !important; }
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .js-clear {
  margin-left: auto !important;
  font-family: "Lausanne", Arial, Helvetica, sans-serif !important; font-size: 13px !important;
}

/* --- consenso: casella quadrata come il checkout, testo in Lausanne --- */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .elementor-field-type-acceptance .elementor-field-option {
  display: flex !important; align-items: flex-start !important; gap: 10px !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 input.elementor-acceptance-field[type="checkbox"] {
  -webkit-appearance: none !important; appearance: none !important;
  flex: none !important;
  width: 16px !important; height: 16px !important;
  margin: calc((var(--ac-sup-testo) * 1.4 - 16px) / 2) 0 0 0 !important;
  border: 1px solid rgba(0, 0, 0, .45) !important;
  border-radius: 0 !important;
  background: #fff !important;
  cursor: pointer;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 input.elementor-acceptance-field[type="checkbox"]:checked {
  border-color: #C45226 !important;
  background: #C45226 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'%3E%3Cpath d='M1 4l2.6 2.6L9 1.2' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat center / 10px 8px !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .elementor-field-type-acceptance label {
  font-family: "Lausanne", Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  font-size: var(--ac-sup-testo) !important;
  line-height: 1.4 !important;
  color: #222 !important;
  margin: 0 !important; padding: 0 !important;
  cursor: pointer;
}

/* --- informativa: arancione sottolineata, 8px sotto il consenso (fa parte dello stesso discorso) --- */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .elementor-field-group-field_461322b {
  margin-top: -16px !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 a.privacycheck {
  color: #C45226 !important; text-decoration: underline !important;
}

/* --- pulsante: a tutta larghezza, nero pieno --- */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .e-form__buttons .elementor-button {
  width: 100% !important;
  min-height: 52px !important; height: 52px !important;
  padding: 0 24px !important;
  background: #000 !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  color: #fff !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .e-form__buttons .elementor-button .elementor-button-text { color: #fff !important; }
/* niente effetto al passaggio del mouse (Matteo, 08/10: «togli hover a questo pulsante») */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .e-form__buttons .elementor-button:hover,
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .e-form__buttons .elementor-button:focus,
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .e-form__buttons .elementor-button:active {
  background: #000 !important; color: #fff !important; border-color: #000 !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .e-form__buttons .elementor-button:hover .elementor-button-text,
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .e-form__buttons .elementor-button:focus .elementor-button-text,
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .e-form__buttons .elementor-button:active .elementor-button-text { color: #fff !important; }


/* =====================================================================
   08/10/2026 — ritocchi chiesti da Matteo (dopo l'annullamento della struttura)
   ===================================================================== */

/* «Ulteriori informazioni»: tolto il blocco «Non hai trovato… / CONTATTA IL SUPPORTO» (4dea2fd, dai dati),
   la sezione sta 75px sotto le domande, come le altre sezioni */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-da9eb4d.e-con {
  --margin-top: 0px !important; margin-top: 65px !important;
}

/* domande frequenti aperte: via la riga che compare SOTTO la risposta (Matteo, 08/10). Resta la riga fra
   domanda e risposta, che c'è anche quando la domanda è chiusa */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-a3df8e0 .e-n-accordion-item > .e-con {
  border-bottom: 0 !important; --border-bottom-width: 0px !important;
}

/* frecce di «Ulteriori informazioni»: nere, a spigoli vivi (prima: icona grigia con le punte arrotondate) */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-449cff7 .elementor-widget-icon .elementor-icon svg { display: none !important; }
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-449cff7 .elementor-widget-icon .elementor-icon {
  display: block !important;
  width: 8px !important; height: 14px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14'%3E%3Cpath d='M0.8 0.8l6.2 6.2-6.2 6.2' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E") no-repeat center / 8px 14px !important;
}



/* orari: linea verticale da 2 a 1,5px (Matteo, 08/10).
   Chrome arrotonda i BORDI ai pixel interi (1,5px diventava 1px anche su retina): la linea è disegnata
   come sfondo della cella, largo 1,5px (3 pixel fisici su retina). Il bordo vero sparisce e il testo
   resta dov'era (2px di bordo + 20px di margine interno = 22px) */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-0fcce1a .hours-table td.time {
  border-left: 0 !important;
  padding-left: 22px !important;
  background-image: linear-gradient(#000, #000) !important;
  background-size: 1.5px 100% !important;
  background-repeat: no-repeat !important;
  background-position: left top !important;
}

/* fascia beige: titoli e paragrafi centrati in verticale (Matteo, 08/10). Via gli spazi interni sparsi
   (40px sopra, 10+10 nelle colonne, 22,5 sotto l'ultimo paragrafo): lo spazio sopra e sotto lo decide solo la fascia */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-de54ad5.e-con {
  --padding-top: var(--ac-sup-fascia-su, 46px) !important; --padding-bottom: var(--ac-sup-fascia-giu, 42px) !important;
  padding-top: var(--ac-sup-fascia-su, 46px) !important; padding-bottom: var(--ac-sup-fascia-giu, 42px) !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-f8988a5.e-con,
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-f529107.e-con,
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-2b328dd.e-con {
  --padding-top: 0px !important; --padding-bottom: 0px !important; padding-top: 0 !important; padding-bottom: 0 !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-de54ad5 .elementor-widget-text-editor p:last-child { margin-bottom: 0 !important; }


/* tabella «Amici e riparatori di fiducia» → TRE RIQUADRI distinti, uno sotto l'altro (Matteo, 08/10:
   «credo possa capirsi meglio»), con nome (Delight bold), indirizzo e telefono. Solo CSS: la tabella resta nei dati */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-3ce05a5 .service-table,
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-3ce05a5 .service-table tbody {
  display: block !important; width: 100% !important; border: 0 !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-3ce05a5 .service-table thead { display: none !important; }
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-3ce05a5 .service-table tbody tr {
  display: block !important;
  margin: 0 !important; padding: 20px 24px !important;
  border: 1px solid #000 !important; background: none !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-3ce05a5 .service-table tbody tr + tr { margin-top: 12px !important; }
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-3ce05a5 .service-table tbody td {
  display: block !important; width: auto !important;
  padding: 0 !important; border: 0 !important; background: none !important; text-align: left !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-3ce05a5 .service-table tbody td:first-child {
  font-family: "Delight", Arial, Helvetica, sans-serif !important; font-weight: 700 !important;
  margin-bottom: 4px !important;
}

/* ricerca riparatori = la barra di ricerca delle pagine (come Marchi, aspetto della ricerca dell'intestazione):
   linea nera da 1px sotto testo E lente, lente ln-2@3x DENTRO la linea, testo Lausanne a sinistra,
   segnaposto nero al 40%, scala dei testi della pagina prodotto (12→15 fra 1025 e 1920, 15→20 fino a 2400).
   ≤1024 come la ricerca del telefono: linea 1,75px e freccia al posto della lente */
html body.page-id-1076 .elementor.elementor-1076 .ac-rip-input-wrap {
  display: flex !important; align-items: center !important;
  max-width: 100% !important;
  margin: 0 !important; padding: 0 !important;
  border: 0 !important; border-bottom: 1px solid #000 !important;
}
html body.page-id-1076 .elementor.elementor-1076 .ac-rip-input-wrap input,
html body.page-id-1076 .elementor.elementor-1076 .ac-rip-input-wrap input:focus {
  display: block !important; flex: 1 1 auto !important;
  width: auto !important; min-width: 0 !important; height: auto !important; min-height: 0 !important;
  margin: 0 !important; padding: 6px 0 5px 0 !important;
  border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; outline: none !important;
  font-family: "Lausanne", Arial, Helvetica, sans-serif !important; font-weight: 400 !important;
  font-size: 15px !important; line-height: 1.4 !important;
  color: #000 !important; -webkit-text-fill-color: #000 !important; caret-color: #000 !important;
  text-align: left !important;
}
html body.page-id-1076 .elementor.elementor-1076 .ac-rip-input-wrap input::placeholder {
  color: rgba(0, 0, 0, .4) !important; -webkit-text-fill-color: rgba(0, 0, 0, .4) !important; opacity: 1 !important;
}
html body.page-id-1076 .elementor.elementor-1076 .ac-rip-icon svg { display: none !important; }
html body.page-id-1076 .elementor.elementor-1076 .ac-rip-icon {
  display: block !important; flex: none !important; position: static !important;
  margin: 0 0 0 12px !important; padding: 0 !important;
  width: 18px !important; height: 18px !important;
  background: url("https://cdn.audiocostruzioni.com/wp-content/uploads/2026/06/ln-2@3x.png") no-repeat center / contain !important;
}
@media (min-width: 1025px) {
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip-row {
    grid-template-columns: max-content var(--ac-rip-larga) minmax(0, 1fr) !important;
    --ac-rip-larga: clamp(360px, calc(360px + 120 * (100vw - 1025px) / 895), 480px);
  }
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip-input-wrap input,
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip-input-wrap input:focus {
    font-size: clamp(12px, calc(12px + 3 * (100vw - 1024px) / 896), 15px) !important;
  }
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip-icon {
    width: clamp(15px, calc(15px + 3 * (100vw - 1025px) / 895), 18px) !important;
    height: clamp(15px, calc(15px + 3 * (100vw - 1025px) / 895), 18px) !important;
  }
}
@media (min-width: 1921px) {
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip-row { --ac-rip-larga: clamp(480px, calc(480px + 120 * (100vw - 1920px) / 480), 600px); }
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip-input-wrap input,
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip-input-wrap input:focus {
    font-size: clamp(15px, calc(15px + 5 * (100vw - 1920px) / 480), 20px) !important;
  }
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip-icon {
    width: clamp(18px, calc(18px + 6 * (100vw - 1920px) / 480), 24px) !important;
    height: clamp(18px, calc(18px + 6 * (100vw - 1920px) / 480), 24px) !important;
  }
}
@media (max-width: 1024px) {
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip-input-wrap { border-bottom-width: 1.75px !important; }
  /* 16px veri ridotti a vista a 15: sotto i 16px l'iPhone ingrandisce la pagina quando si tocca il campo */
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip-input-wrap input,
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip-input-wrap input:focus {
    padding: 4px 0 2px 0 !important;
    font-size: 16px !important; transform: scale(0.9375); transform-origin: left center;
  }
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip-icon {
    width: 28px !important; height: 22px !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='22' viewBox='0 0 28 22'%3E%3Cpath d='M2 10L22 10' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M14 2L22 10L14 18' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") no-repeat center / 28px 22px !important;
  }
}

/* riquadri dei riparatori sul telefono: senza le etichette «Nome / Indirizzo / Telefono» della vecchia tabella */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-3ce05a5 .service-table td::before { content: none !important; display: none !important; }

/* ricerca riparatori, pulizia (Matteo, 08/10: «aiutami a sistemare questo»): via la linea verticale grigia e
   la linea grigia da 2px sotto la riga (resta solo la linea nera della barra); domanda, testo della barra e
   risultato sulla stessa linea di base; il risultato («Assistenza McIntosh») compare subito a destra della barra */
html body.page-id-1076 .elementor.elementor-1076 .ac-rip-divider,
html body.page-id-1076 .elementor.elementor-1076 .ac-rip-bottom-line { display: none !important; }
@media (min-width: 769px) {
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip-row { align-items: baseline !important; }
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip-link { justify-self: start !important; text-align: left !important; }
}
@media (min-width: 769px) and (max-width: 1024px) {
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip-row { grid-template-columns: max-content minmax(0, 1fr) max-content !important; }
}

/* titolo «Il nostro supporto» tolto alla vista (Matteo, 08/10: «toglilo»). Resta nel codice, nascosto,
   come titolo principale della pagina per Google e per i lettori di schermo */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-383671fa {
  position: absolute !important;
  width: 1px !important; height: 1px !important;
  margin: -1px !important; padding: 0 !important; border: 0 !important;
  overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important;
}
/* senza titolo visibile, la pagina comincia dove cominciava il titolo: via i 40px che lo separavano
   dalle prime sezioni (20 sotto il contenitore del titolo + 10 e 10 in cima alle colonne), solo in cima */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-fe9a5c4.e-con {
  --margin-bottom: 0px !important; margin-bottom: 0 !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-5914be1.e-con,
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-89e95e3.e-con,
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-0e02e7a.e-con,
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-cd59001.e-con {
  --padding-top: 0px !important; padding-top: 0 !important;
}

/* «Info»: email, telefono e indirizzo cliccabili (Matteo, 08/10). Hanno l'aspetto del testo, sottolineati al
   passaggio del mouse. Il TELEFONO funziona solo dove si può chiamare (telefono, tablet): col mouse è testo normale */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-408fd2b a { color: inherit !important; text-decoration: none !important; }
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-408fd2b a:hover .elementor-icon-list-text { text-decoration: underline !important; }
@media (hover: hover) and (pointer: fine) {
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element-408fd2b a[href^="tel:"] { pointer-events: none !important; cursor: text !important; }
}

/* =====================================================================
   08/10/2026 — «Riparatori ufficiali», nuova ricerca (Matteo: «non mi fa impazzire che non si capisca cosa
   potrebbe succedere»). Markup in includes/snippets/supporto-riparatori.php, classi ac-rip2-*.
   Le regole .ac-rip-* qui sopra restano per la ricerca vecchia: togliendo quel file torna quella, con il suo aspetto.
   ===================================================================== */

/* il titolo aveva 20px di margine in più: la spiegazione sta 20px sotto, come in «Amici e riparatori di fiducia» */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-d61dc34 { margin-bottom: 0 !important; }

/* spiegazione: come il paragrafo di «Amici e riparatori di fiducia» (22,5px sotto + 20px fra i blocchi) */
html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-intro {
  margin: 0 0 42.5px !important; padding: 0 !important;
  font-family: "Lausanne", Arial, Helvetica, sans-serif !important; font-weight: 400 !important;
  font-size: var(--ac-sup-testo) !important; line-height: 1.4 !important;
  color: #3a3a3a !important; text-align: left !important;
}

/* domanda | colonna con la barra e, sotto, i risultati. Domanda e testo della barra sulla stessa linea di base */
html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-riga {
  display: grid !important;
  grid-template-columns: max-content var(--ac-rip2-larga, 320px) !important;
  justify-content: start !important;
  align-items: baseline !important;
  column-gap: 30px !important;
}
html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-domanda {
  display: block !important; margin: 0 !important; padding: 0 !important;
  font-family: "Delight", Arial, Helvetica, sans-serif !important; font-weight: 700 !important;
  font-size: var(--ac-sup-testo) !important; line-height: 1.4 !important;
  color: #222 !important; white-space: nowrap;
}
html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-colonna { min-width: 0 !important; }

/* barra: la stessa della ricerca vecchia (linea nera da 1px sotto testo e lente, lente ln-2@3x dentro la linea) */
html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-barra {
  display: flex !important; align-items: center !important;
  margin: 0 !important; padding: 0 !important;
  border: 0 !important; border-bottom: 1px solid #000 !important;
}
html body.page-id-1076 .elementor.elementor-1076 #ac-rip2-input,
html body.page-id-1076 .elementor.elementor-1076 #ac-rip2-input:focus {
  display: block !important; flex: 1 1 auto !important;
  width: auto !important; min-width: 0 !important; height: auto !important; min-height: 0 !important;
  margin: 0 !important; padding: 6px 0 5px 0 !important;
  border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; outline: none !important;
  -webkit-appearance: none !important; appearance: none !important;
  font-family: "Lausanne", Arial, Helvetica, sans-serif !important; font-weight: 400 !important;
  font-size: 15px !important; line-height: 1.4 !important;
  color: #000 !important; -webkit-text-fill-color: #000 !important; caret-color: #000 !important;
  text-align: left !important;
}
html body.page-id-1076 .elementor.elementor-1076 #ac-rip2-input::placeholder {
  color: rgba(0, 0, 0, .4) !important; -webkit-text-fill-color: rgba(0, 0, 0, .4) !important; opacity: 1 !important;
}
html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-lente {
  display: block !important; flex: none !important;
  cursor: pointer;
  margin: 0 0 0 12px !important; padding: 0 !important;
  width: 18px !important; height: 18px !important;
  background: url("https://cdn.audiocostruzioni.com/wp-content/uploads/2026/06/ln-2@3x.png") no-repeat center / contain !important;
}

/* risultati: righe come «Ulteriori informazioni» (linea grigia sotto, freccia nera a filo del bordo destro).
   A sinistra il marchio (Delight bold), a destra chi fa l'assistenza (Lausanne), alla misura del testo della pagina */
html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-voce {
  display: flex !important; align-items: baseline !important; gap: 16px !important;
  margin: 0 !important; padding: 14px 0 !important;
  border: 0 !important; border-bottom: 1px solid #d8d8d8 !important;
  color: #222 !important; text-decoration: none !important; background: none !important;
}
html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-voce[hidden],
html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-vuoto[hidden] { display: none !important; }
html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-marchio {
  flex: 0 1 auto !important; min-width: 0 !important;
  font-family: "Delight", Arial, Helvetica, sans-serif !important; font-weight: 700 !important;
  font-size: var(--ac-sup-testo) !important; line-height: 1.4 !important;
}
html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-chi {
  flex: 0 1 auto !important; min-width: 0 !important; margin-left: auto !important; text-align: right !important;
  font-family: "Lausanne", Arial, Helvetica, sans-serif !important; font-weight: 400 !important;
  font-size: var(--ac-sup-testo) !important; line-height: 1.4 !important;
}
html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-voce::after {
  content: "" !important; flex: none !important; align-self: center !important;
  width: 8px !important; height: 14px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14'%3E%3Cpath d='M0.8 0.8l6.2 6.2-6.2 6.2' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E") no-repeat center / 8px 14px !important;
}

/* marchio non trovato: testo della pagina, link al modulo arancione sottolineato come «Informativa sulla privacy» */
html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-vuoto {
  margin: 14px 0 0 !important; padding: 0 !important;
  font-family: "Lausanne", Arial, Helvetica, sans-serif !important; font-weight: 400 !important;
  font-size: var(--ac-sup-testo) !important; line-height: 1.4 !important;
  color: #3a3a3a !important; text-align: left !important;
}
html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-vuoto a {
  color: rgb(196, 82, 38) !important; text-decoration: underline !important;
  font: inherit !important;
}

/* misure: barra 320px a 1920 (era 480), in proporzione alle altre larghezze come prima (360→480 diventa 240→320) */
@media (min-width: 1025px) {
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-riga { --ac-rip2-larga: clamp(240px, calc(240px + 80 * (100vw - 1025px) / 895), 320px); }
  html body.page-id-1076 .elementor.elementor-1076 #ac-rip2-input,
  html body.page-id-1076 .elementor.elementor-1076 #ac-rip2-input:focus {
    font-size: clamp(12px, calc(12px + 3 * (100vw - 1024px) / 896), 15px) !important;
  }
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-lente {
    width: clamp(15px, calc(15px + 3 * (100vw - 1025px) / 895), 18px) !important;
    height: clamp(15px, calc(15px + 3 * (100vw - 1025px) / 895), 18px) !important;
  }
}
@media (min-width: 1921px) {
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-riga { --ac-rip2-larga: clamp(320px, calc(320px + 80 * (100vw - 1920px) / 480), 400px); }
  html body.page-id-1076 .elementor.elementor-1076 #ac-rip2-input,
  html body.page-id-1076 .elementor.elementor-1076 #ac-rip2-input:focus {
    font-size: clamp(15px, calc(15px + 5 * (100vw - 1920px) / 480), 20px) !important;
  }
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-lente {
    width: clamp(18px, calc(18px + 6 * (100vw - 1920px) / 480), 24px) !important;
    height: clamp(18px, calc(18px + 6 * (100vw - 1920px) / 480), 24px) !important;
  }
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-voce::after {
    width: clamp(8px, calc(8px + 2 * (100vw - 1920px) / 480), 10px) !important;
    height: clamp(14px, calc(14px + 3.5 * (100vw - 1920px) / 480), 17.5px) !important;
    background-size: 100% 100% !important;
  }
}
/* tablet e telefono: la barra della ricerca del telefono (linea 1,75px, freccia al posto della lente) */
@media (max-width: 1024px) {
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-riga { --ac-rip2-larga: 320px; }
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-barra { border-bottom-width: 1.75px !important; }
  /* 16px veri ridotti a vista a 15: sotto i 16px l'iPhone ingrandisce la pagina quando si tocca il campo */
  html body.page-id-1076 .elementor.elementor-1076 #ac-rip2-input,
  html body.page-id-1076 .elementor.elementor-1076 #ac-rip2-input:focus {
    padding: 4px 0 2px 0 !important;
    font-size: 16px !important; transform: scale(0.9375); transform-origin: left center;
  }
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-lente {
    width: 28px !important; height: 22px !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='22' viewBox='0 0 28 22'%3E%3Cpath d='M2 10L22 10' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M14 2L22 10L14 18' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") no-repeat center / 28px 22px !important;
  }
}
/* telefono: domanda sopra, barra e risultati a tutta larghezza */
@media (max-width: 768px) {
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-riga { display: block !important; }
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-domanda { white-space: normal; margin: 0 0 12px !important; }
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-intro { margin-bottom: 30px !important; }
}

/* =====================================================================
   08/10/2026 — «Info» diventa «Recapiti» (Matteo: «non ha senso chiamarla contatti se dentro c'è pure
   l'indirizzo»; «mi sembra buttata lì a caso»). Al posto dell'elenco con le icone (408fd2b) c'è una tabella
   come quella degli orari: widget HTML con table.hours-table.ac-recapiti. Prende già la base degli orari
   (righe da 40px, fondo beige alle righe pari); qui caratteri, linea da 1,5px e larghezza della prima colonna.
   ===================================================================== */
html body.page-id-1076 .elementor.elementor-1076 .ac-recapiti td.day {
  font-family: "Delight", Arial, Helvetica, sans-serif !important; font-weight: 700 !important;
  font-size: var(--ac-sup-testo) !important; line-height: 1.4 !important;
}
/* prima colonna larga quanto «Mercoledì» (4,899 volte la misura del testo), la parola più lunga degli orari: la linea
   verticale cade esattamente sotto quella degli orari, a ogni risoluzione. Stesso meccanismo degli orari (seconda colonna
   al 100%, la prima stretta al suo contenuto): qui il contenuto più largo è un blocco vuoto largo come «Mercoledì» */
html body.page-id-1076 .elementor.elementor-1076 .ac-recapiti td.day::after {
  content: "" !important; display: block !important; width: 4.899em !important; height: 0 !important;
}
html body.page-id-1076 .elementor.elementor-1076 .ac-recapiti td.time {
  font-family: "Lausanne", Arial, Helvetica, sans-serif !important; font-weight: 400 !important;
  font-size: var(--ac-sup-testo) !important; line-height: 1.4 !important;
  border-left: 0 !important;
  padding-left: 22px !important;
  background-image: linear-gradient(#000, #000) !important;
  background-size: 1.5px 100% !important;
  background-repeat: no-repeat !important;
  background-position: left top !important;
}
/* collegamenti: aspetto del testo, sottolineati al passaggio del mouse; il telefono si tocca solo dove si può chiamare */
html body.page-id-1076 .elementor.elementor-1076 .ac-recapiti a { color: inherit !important; text-decoration: none !important; font: inherit !important; }
html body.page-id-1076 .elementor.elementor-1076 .ac-recapiti a:hover { text-decoration: underline !important; }
@media (hover: hover) and (pointer: fine) {
  html body.page-id-1076 .elementor.elementor-1076 .ac-recapiti a[href^="tel:"] { pointer-events: none !important; cursor: text !important; }
}
/* il fondo beige sta sull'EMAIL, non sul telefono (Matteo, 08/10: «se proprio dobbiamo mettere in evidenza uno di
   questi, facciamo risaltare la mail non il telefono»). Poi «scambia mail con telefono»: l'ordine nei dati è
   Telefono, Email, Indirizzo, quindi l'email è la seconda riga e il beige ce lo mettono già le righe alterne degli orari */

/* =====================================================================
   08/10/2026 — «Amici e riparatori di fiducia»: ogni riquadro porta alla scheda Google Maps di quel riparatore
   (Matteo: «mettiamo tipo una freccia a destra dentro ciascun banner per far capire che è cliccabile, e colleghiamoci
   le dirette pagine google di ciascuno»). Il collegamento è sul nome (dati: a.ac-fiducia-link); qui si allarga a tutto
   il riquadro e a destra compare la freccia nera di «Ulteriori informazioni», centrata in altezza.
   ===================================================================== */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-3ce05a5 .service-table tbody tr {
  position: relative !important;
  padding-right: 56px !important;   /* 24 di margine + 8 di freccia + 24 d'aria: il testo non passa mai sotto la freccia */
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-3ce05a5 .service-table tbody tr::after {
  content: "" !important; position: absolute !important; right: 24px !important; top: 50% !important;
  width: 8px !important; height: 14px !important; margin-top: -7px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14'%3E%3Cpath d='M0.8 0.8l6.2 6.2-6.2 6.2' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E") no-repeat center / 8px 14px !important;
  pointer-events: none !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-3ce05a5 a.ac-fiducia-link {
  color: inherit !important; text-decoration: none !important; font: inherit !important;
}
/* il collegamento copre tutto il riquadro */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-3ce05a5 a.ac-fiducia-link::after {
  content: "" !important; position: absolute !important; inset: 0 !important; z-index: 1 !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-3ce05a5 a.ac-fiducia-link:focus-visible { outline: none !important; }
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-3ce05a5 a.ac-fiducia-link:focus-visible::after { outline: 2px solid #000 !important; outline-offset: -2px !important; }

/* =====================================================================
   08/10/2026 — «Domande frequenti»: fra il titolo e la prima domanda c'erano 78px sul pc e 100 sul telefono
   (Matteo: «è aumentato il padding bottom sul titolo?» — no, era già così anche sul live), contro i 57 di
   «Ulteriori informazioni». Il titolo sta in un contenitore suo con 50px di spazio sotto, pensato come fine
   sezione: lo riduco perché dal titolo alla prima domanda ci sia la stessa distanza di «Ulteriori informazioni»
   (misurata dalla scatola del titolo al testo della prima riga: 57 a 1920 e 390, 58–59 fra 768 e 1440).
   Dal tablet in su la lista ha 22px in meno per conto suo (Elementor), sul telefono no: due misure.
   ===================================================================== */
@media (min-width: 768px) {
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-ae55314.e-con { --padding-bottom: 26.5px !important; padding-bottom: 26.5px !important; }
}
@media (max-width: 767px) {
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-ae55314.e-con { --padding-bottom: 7px !important; padding-bottom: 7px !important; }
}

/* =====================================================================
   08/10/2026 — TRE SCHEDE come la Membership (Matteo: «la prima il modulo di contatto che diventa "Contattaci",
   la seconda per gli orari di apertura info e visite in sede, la terza per riparazioni. le domande frequenti e
   ulteriori informazioni in fondo a ciascuna finestra fissi»).
   Il menù sta nei dati (contenitore 84609bf, widget HTML e50a886): mette sul body «ac-sup-schede» più la scheda
   aperta (ac-sup-scheda-contattaci | -visite | -riparazioni). Senza il menù nessuna di queste regole vale.
   - Contattaci: solo il modulo (89e95e3), al centro;
   - Visite in sede: «Visite in sede» e «Recapiti» a sinistra, «Orari di apertura» a destra (5914be1);
   - Riparazioni: «Amici e riparatori di fiducia» (54f0898) e «Riparatori ufficiali» (aa1be22).
   Domande frequenti, Ulteriori informazioni e fascia beige restano sotto in tutte e tre.
   ===================================================================== */

/* --- il menù: stesse misure e stessi caratteri della Membership (membership-frontend.css) --- */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-84609bf.e-con {
  --padding-top: 0px !important; --padding-bottom: 0px !important; --padding-left: 0px !important; --padding-right: 0px !important;
  padding: 0 !important; margin: 0 !important; width: 100% !important; max-width: none !important;
}
html body.page-id-1076 .ac-sup-schede-nav { display: block; background: #fff; margin: 0 0 40px; padding: 0; }
html body.page-id-1076 .ac-sup-schede-inner {
  max-width: 1280px; margin: 0 auto; padding: 0 24px;
  display: flex; justify-content: center; flex-wrap: wrap; gap: 0;
}
html body.page-id-1076 .ac-sup-schede-nav button.ac-sup-scheda {
  -webkit-appearance: none !important; appearance: none !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important;
  margin: 0 !important; padding: 18px 22px 19.5px !important; min-height: 0 !important; width: auto !important;
  background: transparent !important; background-image: none !important; box-shadow: none !important; text-shadow: none !important;
  border: 0 !important; border-bottom: 1.5px solid rgba(0, 0, 0, .1) !important; border-radius: 0 !important;
  font-family: "Lausanne", Arial, Helvetica, sans-serif !important; font-weight: 400 !important;
  font-size: 15px !important; line-height: 1.3 !important; letter-spacing: normal !important; text-transform: none !important;
  color: #111 !important; white-space: nowrap !important; cursor: pointer !important; outline: 0 !important;
  transition: none !important;
}
html body.page-id-1076 .ac-sup-schede-nav button.ac-sup-scheda.ac-sup-scheda--attiva {
  font-family: "Delight", Arial, Helvetica, sans-serif !important; font-weight: 700 !important;
  border-bottom-color: #1a1a1a !important;
}
html body.page-id-1076 .ac-sup-schede-nav button.ac-sup-scheda:focus-visible { outline: 1px solid #111 !important; outline-offset: -5px !important; }
@media (max-width: 1600px) {
  html body.page-id-1076 .ac-sup-schede-nav button.ac-sup-scheda { font-size: 14px !important; }
}
@media (min-width: 1921px) {
  html body.page-id-1076 .ac-sup-schede-nav button.ac-sup-scheda { font-size: clamp(15px, calc(15px + 5 * (100vw - 1920px) / 480), 20px) !important; }
  html body.page-id-1076 .ac-sup-schede-inner { padding-top: clamp(0px, calc(12 * (100vw - 1920px) / 480), 12px); }
}
@media (max-width: 768px) {
  html body.page-id-1076 .ac-sup-schede-nav { border-top: 1px solid #ebe8e1; border-bottom: 1px solid #ebe8e1; margin: 24px 0; }
  html body.page-id-1076 .ac-sup-schede-inner {
    flex-wrap: nowrap; width: max-content; max-width: 100%; margin: 0 auto; padding: 0 8px;
    overflow-x: auto; overflow-y: hidden; scrollbar-width: none;
  }
  html body.page-id-1076 .ac-sup-schede-inner::-webkit-scrollbar { display: none; height: 0; }
  html body.page-id-1076 .ac-sup-schede-nav button.ac-sup-scheda {
    padding: 14px 12px !important; font-size: 13px !important; line-height: 1.2 !important; min-height: 44px !important;
    border-bottom: 3px solid transparent !important;
  }
  html body.page-id-1076 .ac-sup-schede-nav button.ac-sup-scheda.ac-sup-scheda--attiva { border-bottom-color: #000 !important; }
}
@media (max-width: 360px) {
  html body.page-id-1076 .ac-sup-schede-nav button.ac-sup-scheda { padding: 12px 9px !important; font-size: 12px !important; }
}

/* --- quale scheda mostra cosa --- */
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-contattaci .elementor .elementor-element.elementor-element-5914be1.e-con,
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-contattaci .elementor .elementor-element.elementor-element-54f0898.e-con,
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-contattaci .elementor .elementor-element.elementor-element-aa1be22.e-con,
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-visite .elementor .elementor-element.elementor-element-89e95e3.e-con,
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-visite .elementor .elementor-element.elementor-element-54f0898.e-con,
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-visite .elementor .elementor-element.elementor-element-aa1be22.e-con,
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-riparazioni .elementor .elementor-element.elementor-element-cdcd74b.e-con { display: none !important; }

/* --- Contattaci: il modulo al centro, largo come prima (metà blocco meno 35px); il titolo centrato sopra --- */
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-contattaci .elementor .elementor-element.elementor-element-89e95e3.e-con {
  --margin-left: auto !important; --margin-right: auto !important; margin-left: auto !important; margin-right: auto !important;
}
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-contattaci .elementor .elementor-element-62da0df,
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-contattaci .elementor .elementor-element-62da0df .elementor-heading-title { text-align: center !important; }
@media (max-width: 1024px) {
  html body.page-id-1076.ac-sup-schede.ac-sup-scheda-contattaci .elementor .elementor-element.elementor-element-89e95e3.e-con {
    --width: min(551px, 100%) !important; width: min(551px, 100%) !important; max-width: 100% !important;
  }
}

/* --- Visite in sede: due colonne, testo e recapiti a sinistra, orari a destra --- */
@media (min-width: 1025px) {
  html body.page-id-1076.ac-sup-schede.ac-sup-scheda-visite .elementor .elementor-element.elementor-element-5914be1.e-con {
    --width: 100% !important; width: 100% !important; max-width: none !important;
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 70px !important; row-gap: var(--ac-sup-visite-righe, 20px) !important; align-items: start !important;
  }
  html body.page-id-1076.ac-sup-schede.ac-sup-scheda-visite .elementor .elementor-element.elementor-element-0e02e7a.e-con { grid-column: 1 !important; grid-row: 1 !important; }
  html body.page-id-1076.ac-sup-schede.ac-sup-scheda-visite .elementor .elementor-element.elementor-element-5eca0da.e-con { grid-column: 2 !important; grid-row: 1 !important; }
}
/* schede, ritocchi: il menù sta dove sulle altre pagine sta il titolo (su Marchi l'H1 è 86px sotto l'intestazione a 1920
   e 38px sul telefono). Prima c'erano 60px di margine più quello del menù: 90px sul pc e 114 sul telefono */
html body.page-id-1076.ac-sup-schede .elementor .elementor-element.elementor-element-fe9a5c4.e-con { --margin-top: 0px !important; margin-top: 0 !important; }
@media (max-width: 768px) {
  html body.page-id-1076.ac-sup-schede .elementor .elementor-element.elementor-element-fe9a5c4.e-con { --margin-top: 0px !important; margin-top: 0 !important; }
  html body.page-id-1076 .ac-sup-schede-nav { margin-top: 8px; }
}
/* «Visite in sede»: il titolo degli orari alla stessa altezza di «Visite in sede» (il contenitore aveva 10px sopra) */
@media (min-width: 1025px) {
  html body.page-id-1076.ac-sup-schede.ac-sup-scheda-visite .elementor .elementor-element.elementor-element-5eca0da.e-con { --padding-top: 0px !important; padding-top: 0 !important; }
}
/* menù più vicino all'intestazione (Matteo, 08/10: «riduciamo il padding top a questo menù»): via i 40px, ora sta
   30px sotto l'intestazione come tutto il contenuto della pagina (a 1920: intestazione 96, menù 126) */

/* sezioni equidistanti (Matteo, 08/10: «lo voglio equidistante sopra e sotto dalle altre sezioni»). Misurato
   sull'inchiostro, dal fondo del blocco sopra alla cima delle maiuscole del titolo sotto: fra i riparatori di fiducia
   e «Riparatori ufficiali» ci sono 80px (78 sotto i 1440), ma da «Riparatori ufficiali» a «Domande frequenti» solo 57.
   Stessa distanza anche sopra «Domande frequenti» nelle altre due schede (97px sotto il pulsante del modulo,
   101 sotto le tabelle), così le domande frequenti stanno sempre alla stessa distanza da quello che c'è sopra */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-aa1be22.e-con { --padding-bottom: 73px !important; padding-bottom: 73px !important; }
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-contattaci .elementor .elementor-element.elementor-element-cdcd74b.e-con { --padding-bottom: 29px !important; padding-bottom: 29px !important; }   /* sotto «Recapiti» (prima: 33 sotto il pulsante) */
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-visite .elementor .elementor-element.elementor-element-cdcd74b.e-con { --padding-bottom: 29px !important; padding-bottom: 29px !important; }

/* =====================================================================
   08/10/2026 — Contattaci: «vorrei che il form si vedesse completo subito» e «i recapiti forse sarebbe più corretto
   metterli sotto al form di contatto» (Matteo). «Recapiti» (20e7204) ora sta nei dati sotto il modulo, nella sua colonna.
   - Il modulo è più compatto: Email e Oggetto sulla stessa riga, come Nome e Cognome (una riga in meno, 76px).
     La colonna passa da 551 a 640px, così nella tendina ci sta anche «Assistenza tecnica e riparazioni».
     A 1920 il pulsante finisce a 807px dalla cima (prima 883): si vede tutto anche su uno schermo alto 850.
   - «Recapiti» sotto il modulo, con il titolo centrato come «Contattaci».
   ===================================================================== */
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-contattaci .elementor .elementor-element.elementor-element-89e95e3.e-con {
  --width: min(640px, 100%) !important; width: min(640px, 100%) !important; max-width: 100% !important;
}
@media (min-width: 768px) {
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .elementor-field-group.elementor-field-group-field_800fb8c,
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .elementor-field-group.elementor-field-group-field_09e033d {
    width: 50% !important; max-width: 50% !important; flex: 0 0 50% !important;
  }
}
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-contattaci .elementor .elementor-element-6275d65,
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-contattaci .elementor .elementor-element-6275d65 .elementor-heading-title { text-align: center !important; }
/* dal pulsante al titolo «Recapiti» 80px sull'inchiostro, come fra le sezioni dentro una scheda (erano 67) */
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-contattaci .elementor .elementor-element.elementor-element-20e7204.e-con { margin-top: 13px !important; }

/* «Domande frequenti» più staccate da quello che c'è sopra (Matteo, 08/10: «metti più padding top sul titolo domande
   frequenti»): 40px in più, cioè 120 sull'inchiostro invece di 80 (stacco fra le sezioni dentro una scheda × 1,5) */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-ae55314.e-con { --padding-top: 40px !important; padding-top: 40px !important; }
/* fine pagina: tolta la fascia beige (Matteo, 08/10: «questo valuterei di toglierlo»), dopo «Ulteriori informazioni»
   viene subito il piede. Dall'ultima riga al piede 120px, come lo stacco sopra «Domande frequenti» (erano 95) */
html body.page-id-1076 .elementor.elementor-1076 .elementor-element.elementor-element-da9eb4d.e-con { --padding-bottom: 100px !important; padding-bottom: 100px !important; }

/* =====================================================================
   08/10/2026 — CINQUE SCHEDE: «FAQ» e «Info» diventano voci del menù (Matteo: «stavo pensando di spostare le faq e
   sezione ulteriori informazioni. potremmo metterle entrambe come altre due voci del menù in alto. FAQ e INFO»).
   Non stanno più sotto tutte le schede: ognuna ha la sua. Le misure qui sotto valgono solo col menù.
   ===================================================================== */
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-contattaci .elementor .elementor-element.elementor-element-ae55314.e-con,
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-contattaci .elementor .elementor-element.elementor-element-b24f695.e-con,
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-contattaci .elementor .elementor-element.elementor-element-da9eb4d.e-con,
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-visite .elementor .elementor-element.elementor-element-ae55314.e-con,
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-visite .elementor .elementor-element.elementor-element-b24f695.e-con,
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-visite .elementor .elementor-element.elementor-element-da9eb4d.e-con,
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-riparazioni .elementor .elementor-element.elementor-element-ae55314.e-con,
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-riparazioni .elementor .elementor-element.elementor-element-b24f695.e-con,
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-riparazioni .elementor .elementor-element.elementor-element-da9eb4d.e-con,
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-faq .elementor .elementor-element.elementor-element-cdcd74b.e-con,
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-faq .elementor .elementor-element.elementor-element-54f0898.e-con,
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-faq .elementor .elementor-element.elementor-element-aa1be22.e-con,
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-faq .elementor .elementor-element.elementor-element-da9eb4d.e-con,
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-info .elementor .elementor-element.elementor-element-cdcd74b.e-con,
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-info .elementor .elementor-element.elementor-element-54f0898.e-con,
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-info .elementor .elementor-element.elementor-element-aa1be22.e-con,
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-info .elementor .elementor-element.elementor-element-ae55314.e-con,
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-info .elementor .elementor-element.elementor-element-b24f695.e-con { display: none !important; }
/* col menù «Domande frequenti» e «Ulteriori informazioni» partono sotto il menù, come le altre schede */
html body.page-id-1076.ac-sup-schede .elementor .elementor-element.elementor-element-ae55314.e-con { --padding-top: 0px !important; padding-top: 0 !important; }
html body.page-id-1076.ac-sup-schede .elementor .elementor-element.elementor-element-da9eb4d.e-con { --margin-top: 0px !important; margin-top: 0 !important; }
/* in fondo a ogni scheda 120px prima del piede (sull'inchiostro), come in «Info»: erano 73 nelle prime tre e 30 (10 sul
   telefono) in «FAQ» */
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-contattaci .elementor .elementor-element.elementor-element-cdcd74b.e-con,
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-visite .elementor .elementor-element.elementor-element-cdcd74b.e-con { --padding-bottom: 76px !important; padding-bottom: 76px !important; }
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-riparazioni .elementor .elementor-element.elementor-element-aa1be22.e-con { --padding-bottom: 120px !important; padding-bottom: 120px !important; }
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-faq .elementor .elementor-element.elementor-element-b24f695.e-con { --padding-bottom: 120px !important; padding-bottom: 120px !important; --margin-bottom: 0px !important; margin-bottom: 0 !important; }
/* cinque voci sul telefono: un po' meno aria fra l'una e l'altra, così stanno tutte nello schermo senza scorrere */
@media (max-width: 480px) {
  html body.page-id-1076 .ac-sup-schede-nav button.ac-sup-scheda { padding-left: 10px !important; padding-right: 10px !important; }
}
@media (max-width: 374px) {
  html body.page-id-1076 .ac-sup-schede-nav button.ac-sup-scheda { padding: 12px 7px !important; font-size: 12px !important; }
}

/* =====================================================================
   08/10/2026 — «Visite in sede», versione C (scelta da Matteo: «migliorala al meglio»). A sinistra il testo di sempre,
   a destra un riquadro con tutte le informazioni pratiche (widget HTML nel contenitore 5eca0da, al posto della tabella
   degli orari). Stessa lingua del resto della pagina: filo nero da 1px come i riquadri dei riparatori, separatori grigi,
   etichette in Delight bold e valori in Lausanne alla misura del testo, righe d'azione con la freccia nera come
   «Ulteriori informazioni». «Recapiti» non sta più in Contattaci (Matteo: «togliamo la sezione recapiti da contattaci»):
   telefono ed email sono qui.
   ===================================================================== */
html body.page-id-1076 .ac-sup-info { border: 1px solid #000; background: #fff; }
html body.page-id-1076 .ac-sup-info p { margin: 0 !important; }
html body.page-id-1076 .ac-sup-info-sez { padding: 22px 28px; }
html body.page-id-1076 .ac-sup-info-sez + .ac-sup-info-sez,
html body.page-id-1076 .ac-sup-info-azione { border-top: 1px solid rgba(0, 0, 0, .15); }
html body.page-id-1076 .ac-sup-info-tit,
html body.page-id-1076 .ac-sup-info .g,
html body.page-id-1076 .ac-sup-info-azione {
  font-family: "Delight", Arial, Helvetica, sans-serif !important; font-weight: 700 !important;
  font-size: var(--ac-sup-testo) !important; line-height: 1.4 !important; color: #111 !important;
}
html body.page-id-1076 .ac-sup-info-tit { margin-bottom: 8px !important; }
html body.page-id-1076 .ac-sup-info-val,
html body.page-id-1076 .ac-sup-info-griglia > span:not(.g) {
  font-family: "Lausanne", Arial, Helvetica, sans-serif !important; font-weight: 400 !important;
  font-size: var(--ac-sup-testo) !important; line-height: 1.4 !important; color: #222 !important;
}
/* giorno | ore e Telefono | numero: la prima colonna è larga uguale nelle due sezioni, così i valori stanno in colonna */
html body.page-id-1076 .ac-sup-info-griglia {
  display: grid; grid-template-columns: var(--ac-sup-info-etichetta, 5.4em) minmax(0, 1fr); row-gap: 2px;
  font-size: var(--ac-sup-testo);
}
html body.page-id-1076 .ac-sup-info a { color: inherit !important; text-decoration: none !important; font: inherit !important; }
html body.page-id-1076 .ac-sup-info-griglia a:hover { text-decoration: underline !important; }
@media (hover: hover) and (pointer: fine) {
  html body.page-id-1076 .ac-sup-info a[href^=tel:] { pointer-events: none !important; cursor: text !important; }
}
/* righe d'azione: testo a sinistra, freccia nera a destra (la stessa di «Ulteriori informazioni») */
html body.page-id-1076 .ac-sup-info a.ac-sup-info-azione {
  display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px;
  padding: 18px 28px !important;
  font-family: "Delight", Arial, Helvetica, sans-serif !important; font-weight: 700 !important;
  font-size: var(--ac-sup-testo) !important; line-height: 1.4 !important; color: #111 !important;
}
html body.page-id-1076 .ac-sup-info a.ac-sup-info-azione::after {
  /* !important: una regola del tema toglie contenuto e sfondo agli ::after dei link */
  content: "" !important; display: block !important; flex: none !important; width: 8px !important; height: 14px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14'%3E%3Cpath d='M0.8 0.8l6.2 6.2-6.2 6.2' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E") no-repeat center / 8px 14px !important;
}
/* il testo di «Visite in sede» giustificato anche qui (resta la regola del 07/10) */
@media (min-width: 1025px) {
  /* il filo in cima al riquadro alla stessa altezza della cima delle maiuscole del titolo «Visite in sede» */
  html body.page-id-1076.ac-sup-schede.ac-sup-scheda-visite .ac-sup-info { margin-top: var(--ac-sup-info-su, 8.4px); }
}
@media (max-width: 1024px) {
  html body.page-id-1076 .ac-sup-info { margin-top: 8px; }
  html body.page-id-1076 .ac-sup-info-sez { padding: 20px 22px; }
  html body.page-id-1076 .ac-sup-info a.ac-sup-info-azione { padding: 16px 22px !important; }
}

/* =====================================================================
   08/10/2026 — TUTTO CENTRATO nelle schede (Matteo: «metti tutto centrato nelle varie finestre»), come «Contattaci».
   Ogni scheda è una colonna centrata larga 800px (sotto, tutta la larghezza disponibile), con i titoli centrati.
   - Contattaci: il modulo passa da 640 a 800, la stessa colonna delle altre schede;
   - Visite in sede: titolo, testo e sotto il riquadro informazioni, una cosa sotto l'altra;
   - Riparazioni: titoli e righe di spiegazione centrati, riquadri larghi quanto la colonna, la ricerca al centro;
   - FAQ e Info: titolo centrato, righe larghe quanto la colonna.
   Vale solo col menù (body.ac-sup-schede).
   ===================================================================== */
html body.page-id-1076.ac-sup-schede { --ac-sup-colonna: 800px; }
@media (min-width: 1025px) {
  html body.page-id-1076.ac-sup-schede .elementor.elementor-1076 .elementor-element.elementor-element-54f0898.e-con,
  html body.page-id-1076.ac-sup-schede .elementor.elementor-1076 .elementor-element.elementor-element-aa1be22.e-con,
  html body.page-id-1076.ac-sup-schede .elementor.elementor-1076 .elementor-element.elementor-element-ae55314.e-con,
  html body.page-id-1076.ac-sup-schede .elementor.elementor-1076 .elementor-element.elementor-element-b24f695.e-con,
  html body.page-id-1076.ac-sup-schede .elementor.elementor-1076 .elementor-element.elementor-element-da9eb4d.e-con {
    --width: min(var(--ac-sup-colonna), 100% - 80px) !important; width: min(var(--ac-sup-colonna), 100% - 80px) !important;
  }
  html body.page-id-1076.ac-sup-schede.ac-sup-scheda-contattaci .elementor .elementor-element.elementor-element-89e95e3.e-con,
  html body.page-id-1076.ac-sup-schede.ac-sup-scheda-visite .elementor .elementor-element.elementor-element-5914be1.e-con {
    --width: min(var(--ac-sup-colonna), 100%) !important; width: min(var(--ac-sup-colonna), 100%) !important; max-width: 100% !important;
    --margin-left: auto !important; --margin-right: auto !important; margin-left: auto !important; margin-right: auto !important;
  }
  /* Visite in sede: una colonna sola (prima: testo a sinistra, riquadro a destra) */
  html body.page-id-1076.ac-sup-schede.ac-sup-scheda-visite .elementor .elementor-element.elementor-element-5914be1.e-con {
    display: flex !important; flex-direction: column !important; row-gap: 0 !important;
  }
  html body.page-id-1076.ac-sup-schede.ac-sup-scheda-visite .ac-sup-info { margin-top: 0 !important; }
}
@media (max-width: 1024px) {
  html body.page-id-1076.ac-sup-schede.ac-sup-scheda-contattaci .elementor .elementor-element.elementor-element-89e95e3.e-con {
    --width: min(var(--ac-sup-colonna), 100%) !important; width: min(var(--ac-sup-colonna), 100%) !important;
  }
}
/* titoli centrati in tutte le schede */
html body.page-id-1076.ac-sup-schede .elementor .elementor-element-bad1031,
html body.page-id-1076.ac-sup-schede .elementor .elementor-element-bad1031 .elementor-heading-title,
html body.page-id-1076.ac-sup-schede .elementor .elementor-element-c854b4b,
html body.page-id-1076.ac-sup-schede .elementor .elementor-element-c854b4b .elementor-heading-title,
html body.page-id-1076.ac-sup-schede .elementor .elementor-element-d61dc34,
html body.page-id-1076.ac-sup-schede .elementor .elementor-element-d61dc34 .elementor-heading-title,
html body.page-id-1076.ac-sup-schede .elementor .elementor-element-1258844,
html body.page-id-1076.ac-sup-schede .elementor .elementor-element-1258844 .elementor-heading-title,
html body.page-id-1076.ac-sup-schede .elementor .elementor-element-9d7790c,
html body.page-id-1076.ac-sup-schede .elementor .elementor-element-9d7790c .elementor-heading-title { text-align: center !important; }
/* righe di spiegazione centrate (Riparazioni) */
html body.page-id-1076.ac-sup-schede .elementor .elementor-element-fcd4670 p,
html body.page-id-1076.ac-sup-schede .elementor .ac-rip2-intro { text-align: center !important; }
/* ricerca dei riparatori ufficiali: domanda e barra al centro della colonna */
@media (min-width: 769px) {
  html body.page-id-1076.ac-sup-schede .elementor .ac-rip2-riga { justify-content: center !important; }
}
@media (max-width: 768px) {
  html body.page-id-1076.ac-sup-schede .elementor .ac-rip2-domanda { text-align: center !important; }
}
/* «Domande frequenti» centrato anche sul pc: la regola del passo 1 (a sinistra) era più specifica */
html body.page-id-1076.ac-sup-schede .elementor.elementor-1076 .elementor-element.elementor-element-1258844 .elementor-heading-title { text-align: center !important; }

/* ritocchi della versione centrata (08/10): 120px prima del piede anche in «Contattaci» (ora finisce col pulsante) e in
   «Visite in sede» (ora finisce col riquadro); fra il testo e il riquadro 40px sull'inchiostro, sul pc e sul telefono */
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-contattaci .elementor .elementor-element.elementor-element-cdcd74b.e-con { --padding-bottom: 80px !important; padding-bottom: 80px !important; }
html body.page-id-1076.ac-sup-schede.ac-sup-scheda-visite .elementor .elementor-element.elementor-element-cdcd74b.e-con { --padding-bottom: 100px !important; padding-bottom: 100px !important; }
@media (max-width: 1024px) {
  html body.page-id-1076.ac-sup-schede.ac-sup-scheda-visite .elementor .elementor-element.elementor-element-5914be1.e-con { --row-gap: 0px !important; row-gap: 0 !important; }
  html body.page-id-1076.ac-sup-schede.ac-sup-scheda-visite .elementor .elementor-element.elementor-element-5eca0da.e-con { --padding-top: 0px !important; padding-top: 0 !important; }
}
@media (min-width: 1025px) {
  /* fra l'ultima riga del testo e il filo del riquadro 40px (senza margine erano 32,5) */
  html body.page-id-1076.ac-sup-schede.ac-sup-scheda-visite .ac-sup-info { margin-top: 7.5px !important; }
}

/* =====================================================================
   08/10/2026 — il piede non si vede mai all'apertura di una scheda (Matteo: «quando l'utente apre una finestra, anche se
   questa è più corta della schermata [...] voglio che sia abbastanza alta da fare in modo che il footer non si veda.
   sempre»). Il contenuto della pagina è alto almeno quanto la finestra meno la sua distanza dalla cima: 106px è la più
   piccola misurata, meno 2px di margine (1280px di larghezza; 111 a 1440, 126 a 1920, 158 a 2560, 132 sul telefono), quindi il piede cade
   sempre appena sotto il bordo della finestra, mai dentro. Sul telefono «lvh» = l'altezza con la barra degli indirizzi
   nascosta: il piede resta fuori anche quando la barra sparisce scorrendo.
   ===================================================================== */
html body.page-id-1076.ac-sup-schede .elementor.elementor-1076 { min-height: calc(100vh - 104px); }
@supports (height: 100lvh) {
  html body.page-id-1076.ac-sup-schede .elementor.elementor-1076 { min-height: calc(100lvh - 104px); }
}
/* oltre i 1920px la colonna cresce con lo schermo come il testo (da 800 a 1000 a 2400): le frasi che stanno su una riga a
   1920 ci stanno anche sugli schermi più grandi */
@media (min-width: 1921px) {
  html body.page-id-1076.ac-sup-schede { --ac-sup-colonna: clamp(800px, calc(800px + (100vw - 1920px) * 0.41667), 1000px); }
}
/* righe di spiegazione centrate: quando vanno a capo (telefono) le righe si bilanciano, mai una parola sola sotto */
html body.page-id-1076.ac-sup-schede .elementor .elementor-element-fcd4670 p,
html body.page-id-1076.ac-sup-schede .elementor .ac-rip2-intro { text-wrap: balance; }

/* =====================================================================
   08/10/2026 — riquadro di «Visite in sede» riordinato (Matteo: «è molto confusionario»): prima c'erano titoli di sezione
   ed etichette tutti in Delight bold, alla stessa misura. Ora ogni dato ha una riga: a sinistra l'etichetta piccola in
   maiuscolo (Indirizzo, Orari, Telefono, Email), a destra il valore. Gli orari sono come in home: giorno in carattere
   normale, ore in grassetto. Righe separate dal filo grigio, come le righe d'azione sotto (che restano uguali).
   ===================================================================== */
html body.page-id-1076 .ac-sup-info { display: block !important; }
html body.page-id-1076 .ac-sup-info-riga {
  display: grid; grid-template-columns: 8.5em minmax(0, 1fr); column-gap: 24px; align-items: baseline;
  padding: 18px 28px; font-size: var(--ac-sup-testo);
}
html body.page-id-1076 .ac-sup-info-riga + .ac-sup-info-riga { border-top: 1px solid rgba(0, 0, 0, .15); }
html body.page-id-1076 .ac-sup-info-et {
  font-family: "Lausanne", Arial, Helvetica, sans-serif !important; font-weight: 400 !important;
  font-size: calc(var(--ac-sup-testo) * .8) !important; line-height: 1.4 !important;
  text-transform: uppercase; letter-spacing: .06em; color: #6b6b6b !important;
}
html body.page-id-1076 .ac-sup-info-val {
  font-family: "Lausanne", Arial, Helvetica, sans-serif !important; font-weight: 400 !important;
  font-size: var(--ac-sup-testo) !important; line-height: 1.4 !important; color: #222 !important;
}
html body.page-id-1076 .ac-sup-info-orari { display: flex; flex-direction: column; gap: 2px; }
html body.page-id-1076 .ac-sup-info-orari .g { margin-right: .1em; }
html body.page-id-1076 .ac-sup-info-orari b {
  font-family: "Delight", Arial, Helvetica, sans-serif !important; font-weight: 700 !important; color: #111 !important;
}
html body.page-id-1076 .ac-sup-info-val a:hover { text-decoration: underline !important; }
@media (max-width: 1024px) {
  html body.page-id-1076 .ac-sup-info-riga { padding: 16px 22px; }
}
/* telefono: l'etichetta sopra il valore */
@media (max-width: 767px) {
  html body.page-id-1076 .ac-sup-info-riga { grid-template-columns: minmax(0, 1fr); row-gap: 4px; }
}
/* il giorno negli orari in carattere normale (la regola del primo riquadro metteva in grassetto tutti i .g) */
html body.page-id-1076 .ac-sup-info .ac-sup-info-orari .g {
  font-family: "Lausanne", Arial, Helvetica, sans-serif !important; font-weight: 400 !important; color: #222 !important;
}
/* etichette del riquadro nere e in Delight bold (Matteo, 08/10: «questi li voglio neri e in delight bold»); restano
   piccole e in maiuscolo */
html body.page-id-1076 .ac-sup-info .ac-sup-info-et {
  font-family: "Delight", Arial, Helvetica, sans-serif !important; font-weight: 700 !important; color: #111 !important;
}
/* orari nel riquadro: giorni in grassetto, orari in carattere normale (Matteo, 08/10: «nella pagina supporto vorrei che in
   grassetto fossero i giorni della settimana, gli orari no»). In home resta il contrario */
html body.page-id-1076 .ac-sup-info .ac-sup-info-orari .g {
  font-family: "Delight", Arial, Helvetica, sans-serif !important; font-weight: 700 !important; color: #111 !important;
}
html body.page-id-1076 .ac-sup-info .ac-sup-info-orari b {
  font-family: "Lausanne", Arial, Helvetica, sans-serif !important; font-weight: 400 !important; color: #222 !important;
}
/* etichette del riquadro alla stessa misura e con la stessa scala delle righe d'azione («Indicazioni stradali»), cioè
   la misura del testo della pagina: 15px a 1920, 14 fra 769 e 1600, da 15 a 20 oltre i 1920 (Matteo, 08/10: «voglio che
   il primo abbia la stessa dimensione e logica scaling del secondo»). Senza la spaziatura in più, come le righe in
   maiuscolo di «Ulteriori informazioni» */
html body.page-id-1076 .ac-sup-info .ac-sup-info-et {
  font-size: var(--ac-sup-testo) !important; line-height: 1.4 !important; letter-spacing: normal !important;
}
/* prova (Matteo, 08/10: «prova a mettere in lausanne anche i giorni della settimana»): giorni in Lausanne normale, in
   maiuscolo, appena più scuri degli orari (#111 contro #222). Per tornare ai giorni in grassetto: togliere questa regola */
html body.page-id-1076 .ac-sup-info .ac-sup-info-orari .g {
  font-family: "Lausanne", Arial, Helvetica, sans-serif !important; font-weight: 400 !important; color: #111 !important;
}
/* un puntino fra giorno e orario (Matteo, 08/10: scelta la «C» fra quattro prove). Il puntino sta a metà sull'inchiostro:
   0,55em dall'ultima lettera del giorno e 0,55em dalla prima cifra dell'orario, contando i margini propri delle lettere
   (Lausanne, misurati: «N/M» 0,074, «B» 0,034, «·» 0,052 a sinistra e 0,072 a destra, spazio 0,274, «9» 0,035) */
html body.page-id-1076 .ac-sup-info .ac-sup-info-orari .g { margin-right: 0 !important; }
html body.page-id-1076 .ac-sup-info .ac-sup-info-orari .g::after {
  content: "·" !important; display: inline !important; margin: 0 .169em 0 .438em !important; color: #9a9a9a !important;
}

/* =====================================================================
   08/10/2026 — RESPONSIVE delle schede (Matteo: «d0 direi ok, controlla il responsive»). Fino a 1024px:
   - ogni scheda è la stessa colonna centrata del pc (800 al massimo) con un margine uguale per tutte: 20px sul telefono
     (≤767), 40px sul tablet (768–1024). Prima i margini cambiavano da scheda a scheda (14, 18, 20, 30, 38, 50, 58px) e a
     768 «Visite in sede» occupava solo metà schermo (la colonna di Elementor restava al 50%);
   - domande frequenti e righe di «Ulteriori informazioni» a filo della colonna (rientravano di 20–50px da un lato solo);
   - «+» e frecce a filo del bordo destro come sul pc.
   ===================================================================== */
@media (max-width: 1024px) {
  html body.page-id-1076.ac-sup-schede { --ac-sup-margine: 40px; }
}
@media (max-width: 767px) {
  html body.page-id-1076.ac-sup-schede { --ac-sup-margine: 20px; }
}
@media (max-width: 1024px) {
  html body.page-id-1076.ac-sup-schede .elementor.elementor-1076 .elementor-element.elementor-element-cdcd74b.e-con,
  html body.page-id-1076.ac-sup-schede .elementor.elementor-1076 .elementor-element.elementor-element-54f0898.e-con,
  html body.page-id-1076.ac-sup-schede .elementor.elementor-1076 .elementor-element.elementor-element-aa1be22.e-con,
  html body.page-id-1076.ac-sup-schede .elementor.elementor-1076 .elementor-element.elementor-element-ae55314.e-con,
  html body.page-id-1076.ac-sup-schede .elementor.elementor-1076 .elementor-element.elementor-element-b24f695.e-con,
  html body.page-id-1076.ac-sup-schede .elementor.elementor-1076 .elementor-element.elementor-element-da9eb4d.e-con {
    --width: min(var(--ac-sup-colonna), 100% - 2 * var(--ac-sup-margine)) !important;
    width: min(var(--ac-sup-colonna), 100% - 2 * var(--ac-sup-margine)) !important; max-width: none !important;
    --margin-left: auto !important; --margin-right: auto !important; margin-left: auto !important; margin-right: auto !important;
    --padding-left: 0px !important; --padding-right: 0px !important; padding-left: 0 !important; padding-right: 0 !important;
  }
  html body.page-id-1076.ac-sup-schede .elementor.elementor-1076 .elementor-element.elementor-element-5914be1.e-con,
  html body.page-id-1076.ac-sup-schede .elementor.elementor-1076 .elementor-element.elementor-element-89e95e3.e-con,
  html body.page-id-1076.ac-sup-schede .elementor.elementor-1076 .elementor-element.elementor-element-2524edf.e-con,
  html body.page-id-1076.ac-sup-schede .elementor.elementor-1076 .elementor-element.elementor-element-449cff7.e-con {
    --width: 100% !important; width: 100% !important; max-width: none !important;
    --margin-left: 0px !important; --margin-right: 0px !important; margin-left: 0 !important; margin-right: 0 !important;
    --padding-left: 0px !important; --padding-right: 0px !important; padding-left: 0 !important; padding-right: 0 !important;
  }
  html body.page-id-1076.ac-sup-schede .elementor.elementor-1076 .elementor-element.elementor-element-cd59001.e-con,
  html body.page-id-1076.ac-sup-schede .elementor.elementor-1076 .elementor-element.elementor-element-0e02e7a.e-con,
  html body.page-id-1076.ac-sup-schede .elementor.elementor-1076 .elementor-element.elementor-element-5eca0da.e-con {
    --padding-left: 0px !important; --padding-right: 0px !important; padding-left: 0 !important; padding-right: 0 !important;
  }
  html body.page-id-1076.ac-sup-schede .elementor .elementor-element-a3df8e0 { margin-left: 0 !important; margin-right: 0 !important; --margin-left: 0px !important; --margin-right: 0px !important; }
  html body.page-id-1076.ac-sup-schede .elementor-element-a3df8e0 .e-n-accordion-item > .e-n-accordion-item-title {
    padding-left: 0 !important; padding-right: 0 !important; padding-inline-start: 0 !important; padding-inline-end: 0 !important;
  }
  html body.page-id-1076.ac-sup-schede .elementor-element-a3df8e0 .e-n-accordion-item > .e-con {
    --padding-left: 0px !important; --padding-right: 0px !important; padding-left: 0 !important; padding-right: 0 !important;
  }
  html body.page-id-1076.ac-sup-schede .elementor-element-a3df8e0 .e-n-accordion-item-title-icon,
  html body.page-id-1076.ac-sup-schede .elementor-element-a3df8e0 .e-n-accordion-item-title-icon > span { width: auto !important; }
  html body.page-id-1076.ac-sup-schede .elementor-element-a3df8e0 .e-n-accordion-item-title-icon svg { width: auto !important; transform: translateX(25.2%); }
  html body.page-id-1076.ac-sup-schede .elementor.elementor-1076 .elementor-element-449cff7 .elementor-widget-icon {
    margin-right: 0 !important; --margin-right: 0px !important; margin-inline-end: 0 !important;
  }
}
/* testo giustificato di «Visite in sede»: niente parola sola nell'ultima riga dove il browser lo sa fare */
html body.page-id-1076.ac-sup-schede .elementor .elementor-element-3220181 p { text-wrap: pretty; }

/* =====================================================================
   08/10/2026 — SCALA OLTRE I 1920px (Matteo: «controlla lo scaling fluido e proporzionale»). Fra 1920 e 2400 testi e
   colonna crescono (testo 15→20, colonna 800→1000), mentre misure fisse in px (campi, pulsante, righe, riquadri, frecce)
   restavano come a 1920: a 2400 il modulo e i riquadri venivano più piccoli e fitti del resto. Qui crescono anche loro,
   con la forma del sito clamp(V0, V0 + Δ·(100vw−1920px)/480, V1): ×1,25 a 2400 come la colonna. I testi dei campi
   seguono la scala del testo della pagina (15→20). Sotto i 1920 non cambia niente.
   Il menù resta come quello della Membership (spazi fissi, testo che cresce), che è il suo riferimento.
   ===================================================================== */
@media (min-width: 1921px) {
  /* modulo: spazi fra i campi, consenso (campi, tendina, allegato e pulsante: blocco «CAMPI DEL MODULO IN SCALA») */
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .elementor-form-fields-wrapper { margin-left: calc(-1 * clamp(6px, calc(6px + 1.5 * (100vw - 1920px) / 480), 7.5px)) !important; margin-right: calc(-1 * clamp(6px, calc(6px + 1.5 * (100vw - 1920px) / 480), 7.5px)) !important; margin-bottom: calc(-1 * clamp(24px, calc(24px + 6 * (100vw - 1920px) / 480), 30px)) !important; }
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .elementor-field-group { padding-left: clamp(6px, calc(6px + 1.5 * (100vw - 1920px) / 480), 7.5px) !important; padding-right: clamp(6px, calc(6px + 1.5 * (100vw - 1920px) / 480), 7.5px) !important; margin-bottom: clamp(24px, calc(24px + 6 * (100vw - 1920px) / 480), 30px) !important; }
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .elementor-field-group.elementor-field-type-recaptcha_v3 { margin-bottom: 0 !important; }
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .elementor-field-type-acceptance .elementor-field-option { gap: clamp(10px, calc(10px + 2.5 * (100vw - 1920px) / 480), 12.5px) !important; }
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 input.elementor-acceptance-field[type="checkbox"] {
    width: clamp(16px, calc(16px + 4 * (100vw - 1920px) / 480), 20px) !important; height: clamp(16px, calc(16px + 4 * (100vw - 1920px) / 480), 20px) !important;
    margin-top: calc((var(--ac-sup-testo) * 1.4 - clamp(16px, calc(16px + 4 * (100vw - 1920px) / 480), 20px)) / 2) !important;
  }
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 input.elementor-acceptance-field[type="checkbox"]:checked { background-size: clamp(10px, calc(10px + 2.5 * (100vw - 1920px) / 480), 12.5px) clamp(8px, calc(8px + 2 * (100vw - 1920px) / 480), 10px) !important; }
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .elementor-field-group-field_461322b { margin-top: calc(-1 * clamp(16px, calc(16px + 4 * (100vw - 1920px) / 480), 20px)) !important; }
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 a.privacycheck { font-size: var(--ac-sup-testo) !important; }

  /* riquadro di «Visite in sede» */
  html body.page-id-1076 .ac-sup-info-riga { padding: clamp(18px, calc(18px + 4.5 * (100vw - 1920px) / 480), 22.5px) clamp(28px, calc(28px + 7 * (100vw - 1920px) / 480), 35px) !important; column-gap: clamp(24px, calc(24px + 6 * (100vw - 1920px) / 480), 30px) !important; }
  html body.page-id-1076 .ac-sup-info a.ac-sup-info-azione { padding: clamp(18px, calc(18px + 4.5 * (100vw - 1920px) / 480), 22.5px) clamp(28px, calc(28px + 7 * (100vw - 1920px) / 480), 35px) !important; }
  html body.page-id-1076 .ac-sup-info a.ac-sup-info-azione::after { width: clamp(8px, calc(8px + 2 * (100vw - 1920px) / 480), 10px) !important; height: clamp(14px, calc(14px + 3.5 * (100vw - 1920px) / 480), 17.5px) !important; background-size: 100% 100% !important; }

  /* riquadri dei riparatori di fiducia */
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element-3ce05a5 .service-table tbody tr { padding: clamp(20px, calc(20px + 5 * (100vw - 1920px) / 480), 25px) clamp(56px, calc(56px + 14 * (100vw - 1920px) / 480), 70px) clamp(20px, calc(20px + 5 * (100vw - 1920px) / 480), 25px) clamp(24px, calc(24px + 6 * (100vw - 1920px) / 480), 30px) !important; }
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element-3ce05a5 .service-table tbody tr + tr { margin-top: clamp(12px, calc(12px + 3 * (100vw - 1920px) / 480), 15px) !important; }
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element-3ce05a5 .service-table tbody td:first-child { margin-bottom: clamp(4px, calc(4px + 1 * (100vw - 1920px) / 480), 5px) !important; }
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element-3ce05a5 .service-table tbody tr::after {
    right: clamp(24px, calc(24px + 6 * (100vw - 1920px) / 480), 30px) !important; width: clamp(8px, calc(8px + 2 * (100vw - 1920px) / 480), 10px) !important; height: clamp(14px, calc(14px + 3.5 * (100vw - 1920px) / 480), 17.5px) !important; margin-top: calc(clamp(14px, calc(14px + 3.5 * (100vw - 1920px) / 480), 17.5px) / -2) !important; background-size: 100% 100% !important;
  }

  /* ricerca dei riparatori ufficiali */
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-intro { margin-bottom: clamp(42.5px, calc(42.5px + 10.625 * (100vw - 1920px) / 480), 53.125px) !important; }
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-riga { column-gap: clamp(30px, calc(30px + 7.5 * (100vw - 1920px) / 480), 37.5px) !important; }
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-voce { padding: clamp(14px, calc(14px + 3.5 * (100vw - 1920px) / 480), 17.5px) 0 !important; gap: clamp(16px, calc(16px + 4 * (100vw - 1920px) / 480), 20px) !important; }
  html body.page-id-1076 .elementor.elementor-1076 .ac-rip2-vuoto { margin-top: clamp(14px, calc(14px + 3.5 * (100vw - 1920px) / 480), 17.5px) !important; }

  /* righe delle domande frequenti e di «Ulteriori informazioni», con le loro frecce */
  html body.page-id-1076 .elementor-element-a3df8e0 .e-n-accordion-item > .e-n-accordion-item-title { padding-top: clamp(20px, calc(20px + 5 * (100vw - 1920px) / 480), 25px) !important; padding-bottom: clamp(20px, calc(20px + 5 * (100vw - 1920px) / 480), 25px) !important; }
  html body.page-id-1076 .elementor-element-a3df8e0 .e-n-accordion-item > .e-con { --padding-top: clamp(30px, calc(30px + 7.5 * (100vw - 1920px) / 480), 37.5px) !important; --padding-bottom: clamp(30px, calc(30px + 7.5 * (100vw - 1920px) / 480), 37.5px) !important; padding-top: clamp(30px, calc(30px + 7.5 * (100vw - 1920px) / 480), 37.5px) !important; padding-bottom: clamp(30px, calc(30px + 7.5 * (100vw - 1920px) / 480), 37.5px) !important; }
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element-449cff7 > .e-con,
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element-449cff7 > .e-con-inner > .e-con { --padding-top: clamp(20px, calc(20px + 5 * (100vw - 1920px) / 480), 25px) !important; --padding-bottom: clamp(20px, calc(20px + 5 * (100vw - 1920px) / 480), 25px) !important; padding-top: clamp(20px, calc(20px + 5 * (100vw - 1920px) / 480), 25px) !important; padding-bottom: clamp(20px, calc(20px + 5 * (100vw - 1920px) / 480), 25px) !important; }
  html body.page-id-1076 .elementor.elementor-1076 .elementor-element-449cff7 .elementor-widget-icon .elementor-icon { width: clamp(8px, calc(8px + 2 * (100vw - 1920px) / 480), 10px) !important; height: clamp(14px, calc(14px + 3.5 * (100vw - 1920px) / 480), 17.5px) !important; background-size: 100% 100% !important; }
}

/* =====================================================================
   08/10/2026 — SPAZI VERTICALI OLTRE I 1920px: come per il modulo e i riquadri (blocco sopra), anche gli stacchi fra
   menù, titoli, contenuti e piede crescono ×1,25 fino a 2400, così la pagina a 2400 è la stessa di 1920 in grande.
   Restano come sono il titolo H2 (scala del sito, uguale a Chi siamo e Trade-up) e lo spazio sopra il menù
   (stessa logica della Membership). Sotto i 1920 non cambia niente.
   ===================================================================== */
@media (min-width: 1921px) {
  /* dal menù al titolo della scheda: 40 → 50 */
  html body.page-id-1076 .ac-sup-schede-nav { margin-bottom: clamp(40px, calc(40px + 10 * (100vw - 1920px) / 480), 50px); }
  /* dal titolo al contenuto, e fra le righe di una sezione: 20 → 25 */
  html body.page-id-1076.ac-sup-schede .elementor .elementor-element.elementor-element-cd59001.e-con,
  html body.page-id-1076.ac-sup-schede .elementor .elementor-element.elementor-element-0e02e7a.e-con,
  html body.page-id-1076.ac-sup-schede .elementor .elementor-element.elementor-element-54f0898.e-con,
  html body.page-id-1076.ac-sup-schede .elementor .elementor-element.elementor-element-aa1be22.e-con,
  html body.page-id-1076.ac-sup-schede .elementor .elementor-element.elementor-element-ae55314.e-con,
  html body.page-id-1076.ac-sup-schede .elementor .elementor-element.elementor-element-da9eb4d.e-con { --row-gap: clamp(20px, calc(20px + 5 * (100vw - 1920px) / 480), 25px) !important; row-gap: clamp(20px, calc(20px + 5 * (100vw - 1920px) / 480), 25px) !important; }
  /* «Visite in sede»: dal testo al riquadro */
  html body.page-id-1076.ac-sup-schede.ac-sup-scheda-visite .ac-sup-info { margin-top: clamp(7.5px, calc(7.5px + 4.375 * (100vw - 1920px) / 480), 11.875px) !important; }
  /* «Riparazioni»: dai riparatori di fiducia a «Riparatori ufficiali»: 50 → 62,5 */
  html body.page-id-1076.ac-sup-schede .elementor .elementor-element.elementor-element-54f0898.e-con { --padding-bottom: clamp(50px, calc(50px + 12.5 * (100vw - 1920px) / 480), 62.5px) !important; padding-bottom: clamp(50px, calc(50px + 12.5 * (100vw - 1920px) / 480), 62.5px) !important; }
  /* «FAQ»: dal titolo alla prima domanda (34,5 in tutto → 43,1) */
  html body.page-id-1076.ac-sup-schede .elementor .elementor-element.elementor-element-ae55314.e-con { --padding-bottom: clamp(26.5px, calc(26.5px + 8.625 * (100vw - 1920px) / 480), 35.125px) !important; padding-bottom: clamp(26.5px, calc(26.5px + 8.625 * (100vw - 1920px) / 480), 35.125px) !important; }
  /* «Info»: dal titolo alla prima riga: 20 → 25 */
  html body.page-id-1076.ac-sup-schede .elementor .elementor-element.elementor-element-449cff7.e-con { --margin-top: clamp(20px, calc(20px + 5 * (100vw - 1920px) / 480), 25px) !important; margin-top: clamp(20px, calc(20px + 5 * (100vw - 1920px) / 480), 25px) !important; }
  /* in fondo a ogni scheda, prima del piede */
  html body.page-id-1076.ac-sup-schede.ac-sup-scheda-contattaci .elementor .elementor-element.elementor-element-cdcd74b.e-con { --padding-bottom: clamp(80px, calc(80px + 20 * (100vw - 1920px) / 480), 100px) !important; padding-bottom: clamp(80px, calc(80px + 20 * (100vw - 1920px) / 480), 100px) !important; }
  html body.page-id-1076.ac-sup-schede.ac-sup-scheda-visite .elementor .elementor-element.elementor-element-cdcd74b.e-con { --padding-bottom: clamp(100px, calc(100px + 25 * (100vw - 1920px) / 480), 125px) !important; padding-bottom: clamp(100px, calc(100px + 25 * (100vw - 1920px) / 480), 125px) !important; }
  html body.page-id-1076.ac-sup-schede.ac-sup-scheda-riparazioni .elementor .elementor-element.elementor-element-aa1be22.e-con { --padding-bottom: clamp(120px, calc(120px + 30 * (100vw - 1920px) / 480), 150px) !important; padding-bottom: clamp(120px, calc(120px + 30 * (100vw - 1920px) / 480), 150px) !important; }
  html body.page-id-1076.ac-sup-schede.ac-sup-scheda-faq .elementor .elementor-element.elementor-element-b24f695.e-con { --padding-bottom: clamp(120px, calc(120px + 30 * (100vw - 1920px) / 480), 150px) !important; padding-bottom: clamp(120px, calc(120px + 30 * (100vw - 1920px) / 480), 150px) !important; }
  html body.page-id-1076.ac-sup-schede.ac-sup-scheda-info .elementor .elementor-element.elementor-element-da9eb4d.e-con { --padding-bottom: clamp(100px, calc(100px + 25 * (100vw - 1920px) / 480), 125px) !important; padding-bottom: clamp(100px, calc(100px + 25 * (100vw - 1920px) / 480), 125px) !important; }
}

/* =====================================================================
   08/10/2026 — CAMPI DEL MODULO IN SCALA (Matteo: «ho paura che non scalino però i campi testo … controlla sia i campi
   testo in sè che le scritte al loro interno»). Erano fissi, 52px con la scritta a 15, da 360 a 1920. Ora seguono la
   logica dei campi del checkout del sito (misurata su /pagamento/): scritta 15 sul telefono, 14 sul tablet, da 14 a 15
   fra 1024 e 1920, fino a 20 a 2400; il campo è sempre alto 52/15 della scritta (48,5 · 52 · 69,3). Con la scritta
   crescono anche rientri, tendina, allegato e pulsante, così il modulo resta lo stesso disegno a ogni larghezza.
   Il pulsante ha le sue due misure (altezza e scritta a 1920) nelle variabili --ac-sup-pulsante-h e -t.
   ===================================================================== */
/* pulsante (Matteo, 08/10: «il pulsante contattaci mi sembra molto stretto, intendo basso, essendo molto largo»):
   versione B, 72px con la scritta a 18 a 1920 (prima 52 e 14). Prove A 64/16 e C 85/22 come CONFERMA del checkout */
html body.page-id-1076 { --ac-sup-campo: 15px; --ac-sup-pulsante-h: 72; --ac-sup-pulsante-t: 18; }
@media (min-width: 769px) and (max-width: 1024px) { html body.page-id-1076 { --ac-sup-campo: 14px; } }
@media (min-width: 1025px) { html body.page-id-1076 { --ac-sup-campo: clamp(14px, calc(14px + 1 * (100vw - 1024px) / 896), 15px); } }
@media (min-width: 1921px) { html body.page-id-1076 { --ac-sup-campo: clamp(15px, calc(15px + 5 * (100vw - 1920px) / 480), 20px); } }
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 input.elementor-field-textual,
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 select.elementor-field-textual,
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 textarea.elementor-field-textual {
  height: calc(var(--ac-sup-campo) * 52 / 15) !important; min-height: calc(var(--ac-sup-campo) * 52 / 15) !important;
  padding-left: var(--ac-sup-campo) !important; padding-right: var(--ac-sup-campo) !important;
  font-size: var(--ac-sup-campo) !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .elementor-field-textual::placeholder { font-size: var(--ac-sup-campo) !important; }
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 textarea.elementor-field-textual { height: calc(var(--ac-sup-campo) * 140 / 15) !important; padding: var(--ac-sup-campo) !important; }
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .elementor-select-wrapper select.elementor-field-textual {
  padding-right: calc(var(--ac-sup-campo) * 42 / 15) !important;
  background-position: right var(--ac-sup-campo) center !important;
  background-size: calc(var(--ac-sup-campo) * 12 / 15) calc(var(--ac-sup-campo) * 8 / 15) !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .js-upload-ui {
  min-height: calc(var(--ac-sup-campo) * 52 / 15) !important; gap: calc(var(--ac-sup-campo) * 12 / 15) !important;
  padding-left: var(--ac-sup-campo) !important; padding-right: var(--ac-sup-campo) !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .js-plus { width: calc(var(--ac-sup-campo) * 25 / 15) !important; height: calc(var(--ac-sup-campo) * 25 / 15) !important; background-size: calc(var(--ac-sup-campo) * 9 / 15) calc(var(--ac-sup-campo) * 9 / 15) !important; }
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .js-text { font-size: var(--ac-sup-campo) !important; }
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .js-clear { font-size: calc(var(--ac-sup-campo) * 13 / 15) !important; }
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .e-form__buttons .elementor-button {
  height: calc(var(--ac-sup-campo) * var(--ac-sup-pulsante-h) / 15) !important; min-height: calc(var(--ac-sup-campo) * var(--ac-sup-pulsante-h) / 15) !important;
  padding-left: calc(var(--ac-sup-campo) * 24 / 15) !important; padding-right: calc(var(--ac-sup-campo) * 24 / 15) !important;
}
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .e-form__buttons .elementor-button,
html body.page-id-1076 .elementor.elementor-1076 .elementor-element-7794b61 .e-form__buttons .elementor-button .elementor-button-text { font-size: calc(var(--ac-sup-campo) * var(--ac-sup-pulsante-t) / 15) !important; }

/* =====================================================================
   08/10/2026 — MENÙ SUL TELEFONO COME SUL PC (Matteo: «la riga prolungata ok posso capirla ma preferirei di no, quella
   sopra al menù non ha alcun senso»). Fino a 768 il menù aveva un filo grigio a tutta larghezza sopra e uno sotto, e la
   voce aperta sottolineata da 3px. Ora è come sul pc: niente fili a tutta larghezza, solo la linea sotto le voci
   (1,5px grigia) con la voce aperta in nero.
   ===================================================================== */
@media (max-width: 768px) {
  html body.page-id-1076 .ac-sup-schede-nav { border-top: 0; border-bottom: 0; }
  html body.page-id-1076 .ac-sup-schede-nav button.ac-sup-scheda { border-bottom: 1.5px solid rgba(0, 0, 0, .1) !important; }
  html body.page-id-1076 .ac-sup-schede-nav button.ac-sup-scheda.ac-sup-scheda--attiva { border-bottom-color: #1a1a1a !important; }
}