/* Stili del sottomenu, del titolo dell'intestazione e delle card cliccabili.
   Stessi di STILI in didascalia.js (che li inietta solo se questo file manca). */
.nav-gruppo{position:relative;display:flex;align-items:center}
.main-nav .nav-gruppo-link{padding-right:6px}
.nav-gruppo-btn{display:flex;align-items:center;font:inherit;line-height:1;padding:10px 8px 10px 0;border:none;border-radius:8px;background:none;color:var(--fg-2);cursor:pointer}
.nav-gruppo-btn:hover{color:var(--fg)}
.nav-sotto{display:none;position:absolute;top:100%;left:0;min-width:230px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:20}
.nav-sotto a{display:block}
.nav-gruppo.aperto .nav-sotto{display:block}
.nav-gruppo-btn{transition:transform .15s}
.nav-gruppo.aperto .nav-gruppo-btn{transform:rotate(180deg)}
@media (hover:hover) and (min-width:641px){.nav-gruppo:hover .nav-sotto{display:block}
}
@media (max-width:640px){.nav-gruppo{flex-wrap:wrap}
.main-nav .nav-gruppo-link{flex:1;padding-right:14px}
.nav-gruppo-btn{padding:14px 16px}
.nav-gruppo-btn svg{width:14px;height:14px}
.nav-sotto{display:none;position:static;width:100%;min-width:0;padding:0 0 0 14px;border:none;box-shadow:none;background:none}
}
.brand .brand-titolo{font-size:17px;line-height:1.25;margin:0;font-weight:600;color:var(--fg);letter-spacing:-.01em}
a.card-link{display:block;color:inherit;transition:border-color .15s,transform .15s}
a.card-link:hover{color:inherit;border-color:var(--accent);transform:translateY(-1px)}
.card-link-cta{display:inline-block;margin-top:12px;font-size:14px;font-weight:600;color:var(--accent-strong)}