/* ---- SaniSPORT: palette sanitaria (verde acqua) sulla stessa base del sito ---- */
body.sani{
  --gold:#0B8B88; --gold-l:#5ED6CB; --bronze:#2A7480; --silver:#6FA3AC;
  --bg:#F2F8F8; --tint:#E3F1F0; --line:#CBE0DF;
  --navy:#0B2F47; --navy2:#124560; --navy-m:#B6D4D8; --navy-t:#E6F3F4;
  background:var(--bg);
}
.sani .btn{background:linear-gradient(135deg,#12A79F,#0A7E7C);border-color:#0A7E7C;color:#fff}
.sani .btn:hover{box-shadow:0 8px 22px -8px rgba(18,167,159,.7)}
.sani .btn-ghost{background:transparent;color:var(--navy);border-color:var(--navy)}
.sani .navy .btn-ghost,.sani .ccnl-hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.45)}
.sani .ccnl-hero{background:radial-gradient(900px 420px at 88% 0%,rgba(30,200,190,.30),transparent 70%),linear-gradient(135deg,#0C4157,#082B40)}
.sani .dark,.sani .navy{background:var(--navy)}
.sani .navy#esclusioni,.sani .navy#aderire{background:linear-gradient(135deg,#0C4157,#082B40)}
.sani .topbar{background:rgba(242,248,248,.94)}
.sani .nav a.on{color:var(--gold)}
.sani .card{border-top-color:var(--gold)}
.sani .big{color:var(--gold)}
.sani .ticks li::before{background:linear-gradient(90deg,var(--gold-l),#2A7480)}
.sani .tags span{border-color:var(--gold);color:var(--gold)}
.sani .podium .p1{background:linear-gradient(180deg,#5ED6CB,#0B8B88)}

.nums .card .big{font-size:2.3rem}
.lnk{color:var(--navy);font-weight:700;text-decoration:none;border-bottom:2px solid var(--gold)}
.lnk:hover{color:var(--gold)}

/* scheda piano */
.av-sub{margin:4px 0 22px;color:var(--muted);font-size:.92rem;max-width:80ch}
.sc-body{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.sc{background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold)}
.sc h3{font-size:1.35rem;color:var(--navy);margin:0;padding:20px 22px 10px}
.sc table{width:100%;border-collapse:collapse;font-size:.88rem}
.sc td{padding:9px 22px;border-top:1px solid var(--line);vertical-align:top;color:var(--muted)}
.sc td:last-child{text-align:right;color:var(--navy);font-weight:600;width:48%}
.sc .sn{padding:12px 22px 18px;font-size:.8rem;color:var(--muted);border-top:1px solid var(--line);background:var(--tint)}

.how .card .n{position:absolute;right:18px;top:10px;font-family:var(--serif);font-size:2.2rem;font-weight:700;color:var(--line)}
.how .card h3{padding-right:28px}
.who{margin-top:30px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);padding:24px 28px}
.who h3{font-size:1.5rem;color:var(--navy);margin-bottom:8px}
.who ul{margin:0;padding-left:20px;color:var(--muted)}
.who li{margin-bottom:6px}
.who strong{color:var(--navy)}
.excl li{color:var(--navy-t)}
.excl strong{color:#fff}

/* lettore: 7 schede che vanno a capo */
.sani .tabs{flex-wrap:wrap}
.sani .tab{flex:1 1 auto;font-size:.74rem;padding:10px 8px}
.sani .reader-sec{background:var(--tint)}
.sani .reader-main h3 small{color:var(--gold)}
.sani .body mark{background:#CDEFEA}

@media (max-width:900px){.sc-body{grid-template-columns:1fr}}

/* barra delle aree: controllo segmentato */
.sani .chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px -18px rgba(11,47,71,.45)}
.sani .chip{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:.9rem;font-weight:600;letter-spacing:.01em;padding:12px 20px;border:0;border-radius:10px;background:transparent;color:var(--navy);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;white-space:nowrap}
.sani .chip:hover{background:var(--tint);color:var(--navy)}
.sani .chip.on{background:linear-gradient(135deg,#12A79F,#0A7E7C);color:#fff;box-shadow:0 6px 16px -8px rgba(10,126,124,.8)}
.sani .chip:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media (max-width:760px){
  .sani .chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .sani .chip{flex:0 0 auto;padding:11px 16px;font-size:.85rem}
}