/* ITALMEDIA — stile condiviso dalle pagine interne (condomini, privacy, 404).
   Riprende la grammatica della home: nero pieno, grigio caldo, pillole piatte, tasti arrotondati.
   Caricato dopo main.css. */
:root{
  --ink:#000; --paper:#f2f0ea; --warm:rgb(33,29,29);
  --salvia:#9ed8b5; --salvia-l:#9ed8b5; --magenta:#ec4f6a;
  --condo:#B6B5D8; --condo-l:#B6B5D8; --condo-2:#9d9bc9; --indaco:#1d1b3a;
  --line:rgba(242,240,234,.12); --muted:#a8a39c; --soft:#d4d0ca;
}
body{ background:#000 }

/* navbar */
.nav.scrolled::before{ background:rgba(0,0,0,.86) }   /* il fondo sfocato e' sul livello ::before (vedi main.css) */
.nv{ border-radius:.9rem; padding:.7rem 1.1rem }
.nv::before{ border-radius:inherit }
.nav__links .nv.is-condo-nav::before{ background:var(--condo) }
.nav__links .nv.is-condo-nav:hover, .nav__links .nv[aria-current]:hover{ color:#000 }
.nav__links .nv[aria-current]{ color:var(--paper); box-shadow:inset 0 0 0 1px var(--line) }

/* etichette, titoli, testi */
.pill{ display:inline-flex; align-items:center; padding:.3rem 1rem; margin-bottom:2.4rem; font-size:1.5rem; font-weight:400; line-height:1.5;
  color:#d8d4cf; background:#2b2727; border:1px solid rgba(255,255,255,.09); border-radius:.7rem }
.feat__title{ font-family:var(--disp); font-weight:700; font-size:6.4rem; line-height:1.02; letter-spacing:-.008em; color:var(--paper); padding-bottom:.06em }
.lead{ font-size:1.9rem; line-height:1.6; color:var(--soft) }

/* tasti: pillola chiara, il colore sale dal basso */
.c-bttn{ background:#e8e4de; color:#000; border:0; border-radius:1.2rem; padding:1.5rem 2.4rem; gap:1.4rem }
.c-bttn .lbl, .c-bttn .lbl.t-label{ color:inherit; text-transform:none; letter-spacing:0; font-size:1.7rem; font-weight:500 }
.c-bttn::before{ background:var(--salvia); border-radius:inherit }
.c-bttn.is-magenta::before{ background:var(--magenta) }
.c-bttn.is-condo::before{ background:var(--condo) }
.c-bttn:hover, .c-bttn:hover .lbl{ color:#000 }
.c-bttn.is-fill{ background:var(--salvia) }
.c-bttn.is-fill::before{ background:#e8e4de }
.c-bttn .ico-wrap{ width:1.9rem; height:1.9rem; overflow:visible; flex:none }
.c-bttn .ext{ width:100%; height:100%; display:block; overflow:visible }
.c-bttn .ext__a{ transition:transform .45s var(--ease) }
.c-bttn:hover .ext__a{ transform:translate(.2rem,-.2rem) }
.c-bttn:hover .lbl{ transform:none }

/* contatti in riga */
.cline{ border-color:var(--line); font-size:1.7rem }

/* footer (uguale alla home) */
.footer{ background:var(--warm); padding:8rem 0 4rem }
.footer .cols{ align-items:start; padding-bottom:8rem; border-top:0; padding-top:0 }
.footer .pill{ margin-bottom:2rem }
.footer .cols p, .footer__brand p{ font-size:1.7rem; line-height:1.6; color:var(--soft); max-width:40rem }
.footer__brand{ display:flex; flex-direction:column; align-items:center; text-align:center; width:fit-content; max-width:100% }
.footer__brand p{ margin-top:1.2rem; max-width:34rem }
.footer__brand .socials{ justify-content:center }
.footer__office a{ font-size:1.7rem; color:var(--paper); padding:.4rem 0 }
.footer .socials a{ border-radius:.9rem }
.legal{ border-top:1px solid rgba(242,240,234,.14); font-size:1.4rem; color:var(--muted) }

@media (max-width:991px){
  .feat__title{ font-size:4.8rem }
  .footer{ padding-top:6rem } .footer__brand{ margin:0 auto }
}
@media (max-width:767px){
  .feat__title{ font-size:4rem }
  .pill{ font-size:1.3rem; margin-bottom:1.8rem }
  .c-bttn{ padding:1.2rem 1.8rem; border-radius:1rem; gap:1rem }
  .c-bttn .lbl, .c-bttn .lbl.t-label{ font-size:1.5rem }
  .c-bttn .ico-wrap{ width:1.6rem; height:1.6rem }
}

/* tasti chiari: al passaggio sale un grigio caldo neutro (non più il verde) */
.c-bttn::before, .c-bttn.is-magenta::before{ background:var(--hov, var(--condo, #B6B5D8)) }