/* Pagina /contatti — azienda B2B, contatto a distanza. Coerente col design system del tema. */

.ct-bc{padding:22px 0 0;font-size:.82rem;color:var(--muted-d)}
.ct-bc a{color:var(--muted-d);text-decoration:none}
.ct-bc a:hover{color:var(--orange-d)}

/* Icone lineari coerenti col resto del sito */
.ct-page svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* HERO scuro cinematografico */
.ct-hero{background:var(--ink);color:#fff}
.ct-hero .ey{color:var(--orange)}
.ct-hero h1{color:#fff}
.ct-hero .o{color:var(--orange)}
.ct-hero .sub{color:#c9bfb2;font-size:1.12rem;max-width:640px;margin-top:18px}

/* COMMERCIALE: testo + canali a sinistra, form a destra */
.ct-comm .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:start}
.ct-comm .grid>*{min-width:0}
.ct-page h1,.ct-page h2{overflow-wrap:break-word}
.ct-comm h2{margin:2px 0 14px}
.ct-comm p{color:var(--grey);max-width:520px}
.ct-ch{list-style:none;margin-top:26px;display:flex;flex-direction:column;gap:14px}
.ct-ch li{display:flex;align-items:center;gap:14px;font-size:1rem;color:var(--grey)}
.ct-ch li b{color:var(--ink)}
.ct-ch a{color:var(--ink);font-weight:700;text-decoration:none;border-bottom:2px solid var(--line)}
.ct-ch a:hover{border-color:var(--orange)}
.ct-ch .ic{flex:0 0 auto;width:46px;height:46px;border-radius:12px;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--orange-d)}
.ct-ch .ic svg{width:22px;height:22px}

/* ASSISTENZA: card su fondo cream */
.ct-ass{background:var(--cream)}
.ct-card{background:#fff;border-radius:20px;padding:clamp(26px,4vw,44px);box-shadow:var(--shadow);display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,3vw,36px);align-items:start;max-width:940px;margin:0 auto}
.ct-card>*{min-width:0}
.ct-ass-ic{flex:0 0 auto;width:74px;height:74px;border-radius:18px;background:var(--ink);color:var(--orange);display:flex;align-items:center;justify-content:center}
.ct-ass-ic svg{width:38px;height:38px}
.ct-ass h2{margin:2px 0 14px;font-size:clamp(1.5rem,3.4vw,2.2rem)}
.ct-ass p{color:var(--grey)}
.ct-ass-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.ct-ass-row .btn-ghost{color:var(--ink)!important;border-color:var(--line)}
.ct-ass-row .btn-ghost:hover{border-color:var(--orange);background:transparent}
.ct-hours{display:flex;align-items:center;gap:9px;margin-top:20px;font-size:.9rem;color:var(--muted-d)}
.ct-hours svg{width:18px;height:18px;flex:0 0 auto;color:var(--orange-d)}

/* Download del file di teleassistenza. Riquadro dentro la card bianca, non un terzo
   bottone nella riga sopra: chi lo cerca ha gia' un problema e deve trovarlo subito.
   Il bottone e' scuro, non arancione: l'unica CTA arancione del sito resta la demo. */
.ct-dl{margin-top:24px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--cream);display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 14px;align-items:center}
.ct-dl-ic{width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink)}
.ct-dl-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ct-dl-txt b{display:block;color:var(--ink);font-size:1rem;line-height:1.3}
.ct-dl-txt span{display:block;margin-top:3px;color:var(--grey);font-size:.92rem;line-height:1.45}
/* Colore e testo bianco vengono da .btn-dark del tema: e' l'unica che vince sul
   color !important di .btn — riscriverlo qui darebbe un bottone nero su nero.
   Su mobile a tutta larghezza: con justify-self:start il bottone prende la sua
   max-content e un'etichetta lunga come questa sfonderebbe la colonna a 375px. */
.ct-dl .btn-dl{grid-column:1/-1;justify-self:stretch;max-width:100%;text-align:center}
.ct-dl .btn-dl:hover{background:#241d17}
.ct-dl-meta{grid-column:1/-1;margin:0;font-size:.82rem;color:var(--muted-d)}
@media(min-width:760px){
  .ct-dl{grid-template-columns:auto minmax(0,1fr) auto}
  .ct-dl .btn-dl{grid-column:auto;justify-self:end;white-space:nowrap}
  .ct-dl-meta{grid-column:2/-1}
}

/* DATI AZIENDALI */
/* 6 riquadri: 3 colonne = due righe piene (con 4 colonne l'ultima riga restava spaiata). */
.ct-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px}
.ct-info-c{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;min-width:0}
.ct-info-c p{overflow-wrap:break-word}
.ct-info-c h3{color:var(--orange-text);text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;margin-bottom:10px}
.ct-info-c p{color:var(--ink);font-weight:600;line-height:1.5}
.ct-info-c a{color:var(--ink);text-decoration:none;border-bottom:2px solid var(--line)}
.ct-info-c a:hover{border-color:var(--orange)}

@media(max-width:900px){
  .ct-comm .grid{grid-template-columns:1fr}
  .ct-card{grid-template-columns:1fr;text-align:left}
  .ct-info-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .ct-info-grid{grid-template-columns:1fr}
}