/* =====================================================================
   pagina-istituzionale.css
   Impianto delle pagine istituzionali senza macro (Privacy Policy,
   Cookie Policy), 26/09/2026.
   Sono le STESSE regole e le STESSE classi di Chi siamo
   (App_Page/Chi-Siamo/Chi-Siamo.aspx, dove oggi stanno inline sotto
   .chisiamo-page): #page-hero + .ph-*, .vpw/.vp-main/.vp-side, .cs-sec,
   .cs-eyebrow, .cs-h, .vside-*. Qui cambia solo il contenitore
   (.ist-page). Il testo lungo usa la tipografia globale .nws-body
   (App_Style/news-body.css), la stessa di news ed eventi.
   Quando si mettera' mano a Chi siamo, puo' linkare questo file e
   togliere le regole doppie.
   NB: mai la sequenza slash-star dentro un commento CSS.
   ===================================================================== */
.ist-page{
    --cs-gold:#c9a96b;--cs-gold-dk:#a8853f;--cs-ink:#18140f;--cs-ink-md:#4a443c;
    --cs-ink-lt:#7a7267;--cs-brd:#e6dfd0;--cs-soft:#faf8f4;--cs-deep:#1d1a15;
    background:#fff;
}
#page-hero.hero-istituzionale .ph-bg{background:linear-gradient(155deg,#12100c 0%,#2b241a 48%,#54432a 100%)}
#page-hero.hero-istituzionale .ph-h1 em{color:var(--cs-gold)}
#page-hero.hero-istituzionale .ph-stat-n{color:var(--cs-gold)}
#page-hero.hero-istituzionale .breadcrumb-nav a:hover{color:var(--cs-gold)}

.ist-page #vmain{padding:56px 0 80px}
.ist-page .vpw{max-width:1400px;margin:0 auto;padding:0 2rem;
    display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:3rem;align-items:start}
.ist-page .vp-main{min-width:0}
.ist-page .vp-side{position:sticky;top:calc(120px + var(--elm-hdr-d,0px));align-self:start}

.ist-page .cs-sec{margin-bottom:3.4rem;padding-bottom:3rem;
    border-bottom:1px solid var(--cs-brd);scroll-margin-top:calc(120px + var(--elm-hdr-d,0px))}
.ist-page .cs-sec:last-of-type{border-bottom:0;margin-bottom:0;padding-bottom:0}
.ist-page .cs-eyebrow{display:block;font-size:.76rem;font-weight:600;letter-spacing:.18em;
    text-transform:uppercase;color:var(--cs-gold-dk);margin:0 0 12px}
.ist-page .cs-eyebrow::before{content:'';display:inline-block;width:22px;height:1.5px;
    background:var(--cs-gold-dk);margin-right:10px;vertical-align:middle}
.ist-page .cs-h{font-family:var(--font-display);font-size:clamp(1.7rem,3.2vw,2.3rem);
    font-weight:300;line-height:1.14;color:var(--cs-ink);margin:0 0 1.1rem}
.ist-page .cs-h em{font-style:italic;color:var(--cs-gold-dk)}

/* testo delle sezioni: .nws-body fa la tipografia; qui solo la misura
   di riga, come .cs-p di Chi siamo (68ch) */
.ist-page .ist-body{max-width:72ch}
.ist-page .ist-body table{max-width:none}

/* Cookie Policy: bottone preferenze + scelta attuale */
.ist-page .ist-azioni{margin:1.6rem 0 0;display:flex;flex-wrap:wrap;gap:12px}
.ist-page .ist-azioni .cta{min-height:44px}
.ist-page .ist-stato{margin:1.2rem 0 0;max-width:72ch;background:var(--cs-soft);border:1px solid var(--cs-brd);
    border-radius:10px;padding:1rem 1.2rem;font-size:.95rem;line-height:1.6;color:var(--cs-ink-md)}
.ist-page .ist-stato:empty{display:none}
.ist-page .ist-stato-t{display:block;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
    color:var(--cs-ink-lt);margin:0 0 .45rem}
.ist-page .ist-stato ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.ist-page .ist-stato li{display:inline-flex;align-items:center;gap:7px}
.ist-page .ist-stato .si{color:var(--emerald,#3f7d62)}
.ist-page .ist-stato .no{color:var(--cs-ink-lt)}

/* SIDEBAR (come Chi siamo) */
.ist-page .vside-hd{font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
    color:var(--cs-ink-lt);margin:0 0 .9rem}
.ist-page .vside-lk{display:flex;align-items:center;gap:9px;font-size:.88rem;color:var(--cs-ink-md);
    text-decoration:none;padding:11px 12px;border-radius:8px;min-height:44px;transition:background .2s,color .2s}
.ist-page .vside-lk:hover{background:var(--cs-soft);color:var(--cs-ink)}
.ist-page .vside-lk i{font-size:1rem;flex-shrink:0;color:var(--cs-gold-dk)}
.ist-page .vside-cta{display:block;width:100%;text-align:left;border:0;font:inherit;cursor:pointer;
    background:linear-gradient(135deg,var(--cs-deep),#4a3a22);
    color:#fff;border-radius:12px;padding:1.2rem 1.25rem;margin-top:1.4rem;text-decoration:none;
    transition:filter .25s}
.ist-page .vside-cta:hover{filter:brightness(1.13);color:#fff}
.ist-page .vside-cta:focus-visible{outline:2px solid var(--cs-gold);outline-offset:3px}
.ist-page .vsct-ti{display:block;font-family:var(--font-display);font-size:1.08rem;font-weight:600;margin-bottom:4px;line-height:1.2}
.ist-page .vsct-su{display:block;font-size:.8rem;color:rgba(255,255,255,.85);line-height:1.55}
.ist-page .vsct-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;
    margin-top:.9rem;background:var(--cs-gold);color:var(--cs-deep);border-radius:7px;font-weight:700;font-size:.88rem;
    text-align:center;padding:0 .6rem;word-break:break-word}

/* Correzioni di Chi siamo per telefono (misurate il 23/09/2026) */
.ist-page .ph-stat-l{font-size:.78rem;line-height:1.35}
@media (max-width:991.98px){
    #page-hero.hero-istituzionale{min-height:0;padding-top:96px;padding-bottom:34px}
    #page-hero.hero-istituzionale .ph-stats{gap:1.2rem 1.9rem;margin-top:1.4rem}
    .ist-page .vpw{grid-template-columns:minmax(0,1fr);gap:2.4rem}
    .ist-page .vp-side{position:static}
}
@media (max-width:575.98px){
    #page-hero.hero-istituzionale{padding-top:84px;padding-bottom:30px}
    #page-hero.hero-istituzionale .ph-h1{font-size:clamp(1.65rem,7.4vw,2.1rem)}
    .ist-page #vmain{padding:36px 0 64px}
    .ist-page .vpw{padding:0 1rem}
}