/* s2.css — componenti v6 + regole gia in linea */
.ritratto::after{display:none}
.figura{position:relative;margin:0;border:1px solid var(--linea);background:var(--incavo);overflow:hidden}
.figura img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;filter:saturate(.94)}
.figura.verticale img{aspect-ratio:4/5}
.figura figcaption{padding:10px 14px;border-top:1px solid var(--linea);background:var(--superficie);font-family:var(--mono);font-size:.68rem;line-height:1.5;letter-spacing:.05em;color:var(--inchiostro-3)}
.workshop .figura{border-color:color-mix(in srgb,var(--carta) 38%,transparent);background:color-mix(in srgb,var(--carta) 8%,transparent)}
.workshop .figura figcaption{background:transparent;border-top-color:color-mix(in srgb,var(--carta) 26%,transparent);color:color-mix(in srgb,var(--carta) 72%,transparent)}
.bio-lato{display:flex;flex-direction:column;gap:18px}
.caso .intestazione{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.caso .indice{font-family:var(--mono);font-size:.7rem;color:var(--inchiostro-3)}
.caso .cifre{display:flex;flex-direction:column;gap:5px;border-top:1px solid var(--linea);padding-top:11px;margin-top:2px}
.caso .cifre div{display:flex;justify-content:space-between;gap:12px;font-size:.84rem;color:var(--inchiostro-3)}
.caso .cifre b{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:500;color:var(--inchiostro);white-space:nowrap}
.caso .nota{font-size:.87rem;color:var(--inchiostro-2)}
.avvertenza{font-family:var(--mono);font-size:.72rem;line-height:1.55;letter-spacing:.02em;color:var(--inchiostro-3);border-left:2px solid var(--linea);padding-left:14px}
.numero{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;border:1px solid color-mix(in srgb,var(--su-scuro) 26%,transparent);background:color-mix(in srgb,var(--su-scuro) 6%,transparent);padding:14px 16px;margin-top:4px}
.numero .cifra-tel{font-family:var(--mono);font-size:clamp(1.15rem,4.2vw,1.45rem);letter-spacing:.02em;color:var(--su-scuro);font-variant-numeric:tabular-nums;user-select:all;-webkit-user-select:all}
.numero .etichetta-tel{font-family:var(--mono);font-size:.66rem;letter-spacing:.11em;text-transform:uppercase;color:var(--su-scuro-3);width:100%}
.numero button{font-family:var(--sans);font-size:.8rem;font-weight:600;color:var(--su-scuro);background:transparent;border:1px solid color-mix(in srgb,var(--su-scuro) 40%,transparent);border-radius:2px;padding:7px 12px;cursor:pointer}
.numero button:hover{background:color-mix(in srgb,var(--su-scuro) 12%,transparent)}

/* ---- v6: blocchi strutturali ---- */
.verificabile{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--linea);border:1px solid var(--linea)}
@media (max-width:980px){.verificabile{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.verificabile{grid-template-columns:1fr}}
.verificabile>div{background:var(--superficie);padding:19px 18px;display:flex;flex-direction:column;gap:7px}
.verificabile .dato{font-family:var(--mono);font-size:1.12rem;color:var(--inchiostro);font-variant-numeric:tabular-nums;line-height:1.2}
.verificabile p{font-size:.88rem;color:var(--inchiostro-2)}
.verificabile .fonte{margin-top:auto;padding-top:11px;border-top:1px dashed var(--linea);font-family:var(--mono);font-size:.67rem;letter-spacing:.09em;text-transform:uppercase;color:var(--inchiostro-3)}
.verificabile .fonte a{color:var(--primario)}

.schema{display:grid;grid-template-columns:1fr auto 1fr;gap:0;border:1px solid var(--linea);background:var(--superficie)}
@media (max-width:860px){.schema{grid-template-columns:1fr}}
.schema-lato{padding:22px 21px;display:flex;flex-direction:column;gap:11px}
.schema-lato+.schema-lato{border-left:1px solid var(--linea)}
@media (max-width:860px){.schema-lato+.schema-lato{border-left:0;border-top:1px solid var(--linea)}}
.schema-lato .occhiello{margin-bottom:0}
.schema-lato ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.schema-lato li{font-size:.93rem;color:var(--inchiostro-2);padding-left:15px;position:relative}
.schema-lato li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:1px;background:var(--inchiostro-3)}
.schema-lato .chiusa{margin-top:auto;padding-top:13px;border-top:1px dashed var(--linea);font-size:.88rem}
.schema-perno{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px 24px;background:var(--scuro);color:var(--su-scuro);text-align:center;min-width:186px}
@media (max-width:860px){.schema-perno{min-width:0;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}}
.schema-perno b{font-family:var(--serif);font-size:1.1rem;line-height:1.2}
.schema-perno span{font-family:var(--mono);font-size:.64rem;letter-spacing:.11em;text-transform:uppercase;color:var(--su-scuro-3)}
.schema-chiusa{border:1px solid var(--linea);border-top:0;background:var(--incavo);padding:15px 20px;font-family:var(--serif);font-size:1.05rem;line-height:1.4}

.percorso{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:860px){.percorso{grid-template-columns:1fr;gap:0}}
.passo{border-top:2px solid var(--primario);padding-top:14px;display:flex;flex-direction:column;gap:9px}
@media (max-width:860px){.passo{padding-bottom:20px}}
.passo .indice-passo{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--primario)}
.passo p{font-size:.93rem;color:var(--inchiostro-2)}
.passo .costo{margin-top:auto;padding-top:11px;font-family:var(--mono);font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--inchiostro-3)}

.selezione{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--linea);border:1px solid var(--linea)}
@media (max-width:860px){.selezione{grid-template-columns:1fr}}
.selezione>div{background:var(--superficie);padding:22px 21px;display:flex;flex-direction:column;gap:12px}
.selezione h3{font-family:var(--sans);font-size:1rem;font-weight:600}
.selezione ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.selezione li{font-size:.93rem;color:var(--inchiostro-2);padding-left:19px;position:relative}
.selezione .si li::before{content:"\002713";position:absolute;left:0;color:var(--positivo);font-size:.9rem}
.selezione .no li::before{content:"\002715";position:absolute;left:0;color:var(--penna);font-size:.85rem}
.selezione .si{border-top:2px solid var(--positivo)}
.selezione .no{border-top:2px solid var(--penna)}

.facciata{position:relative;margin:0;border:1px solid var(--linea);background:var(--scuro);overflow:hidden;aspect-ratio:16/9;display:block;width:100%;padding:0;cursor:pointer}
.facciata img{display:block;width:100%;height:100%;object-fit:cover;opacity:.82}
.facciata:hover img{opacity:1}
.facciata .avvia{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.facciata .disco{width:66px;height:66px;border-radius:50%;background:color-mix(in srgb,#0D1416 62%,transparent);border:1px solid color-mix(in srgb,#E3EAEA 72%,transparent);display:flex;align-items:center;justify-content:center}
.facciata .disco::after{content:"";margin-left:4px;border-left:17px solid #E3EAEA;border-top:11px solid transparent;border-bottom:11px solid transparent}
.facciata:hover .disco{background:color-mix(in srgb,#0D1416 78%,transparent)}
.facciata .dice{font-family:var(--mono);font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;color:#E3EAEA;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.telaio{position:relative;width:100%;aspect-ratio:16/9;border:1px solid var(--linea);background:var(--scuro)}
.telaio iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.sotto-video{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;margin-top:11px;font-size:.84rem;color:var(--inchiostro-3)}
.sotto-video b{font-family:var(--mono);font-weight:500;letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;color:var(--inchiostro-2)}

/* ---- v6: piede istituzionale ---- */
.piede{border-top:1px solid var(--linea);background:var(--scuro);color:var(--su-scuro-2)}
.piede .wrap{padding-block:clamp(38px,5vw,60px)}
.piede-griglia{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:clamp(24px,3.5vw,44px)}
@media (max-width:980px){.piede-griglia{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.piede-griglia{grid-template-columns:1fr;gap:28px}}
.piede-marchio b{display:block;font-family:var(--serif);font-size:1.16rem;color:var(--su-scuro);letter-spacing:-.01em}
.piede-marchio .ruolo{display:block;font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--su-scuro-3);margin-top:5px}
.piede-marchio .motto{margin-top:15px;font-family:var(--serif);font-size:1rem;line-height:1.45;color:var(--su-scuro-2)}
.piede h4{font-family:var(--mono);font-size:.66rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--su-scuro-3);margin-bottom:12px}
.piede ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.piede a{color:var(--su-scuro-2);text-decoration:none;font-size:.9rem}
.piede a:hover{color:var(--su-scuro);text-decoration:underline;text-underline-offset:3px}
.piede-sede{margin-top:26px;padding-top:22px;border-top:1px solid color-mix(in srgb,var(--su-scuro) 16%,transparent);display:grid;grid-template-columns:1.5fr 2fr;gap:clamp(20px,3vw,40px);align-items:start}
@media (max-width:860px){.piede-sede{grid-template-columns:1fr;gap:22px}}
.piede-sede .venditore{font-size:.85rem;line-height:1.6;color:var(--su-scuro-3)}
.piede-sede .venditore b{display:block;color:var(--su-scuro-2);font-weight:600;font-size:.9rem;margin-bottom:3px}
.piede-sede .venditore a{font-size:.85rem}
.piede-clausola{font-family:var(--mono);font-size:.72rem;line-height:1.6;color:var(--su-scuro-3);border-left:2px solid color-mix(in srgb,var(--su-scuro) 26%,transparent);padding-left:15px}
.piede-coda{margin-top:22px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--su-scuro) 16%,transparent);display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:.7rem;letter-spacing:.04em;color:var(--su-scuro-3)}
.piede-coda .bottone{font-family:var(--sans);letter-spacing:0;background:var(--su-scuro);color:var(--scuro);border-color:var(--su-scuro);padding:10px 17px;font-size:.88rem}