/* Mètis Vela · il sito. Compone i componenti del brand book (/brand/components.css) nelle pagine:
   griglie, spazi, stati. Legge solo token semantici, come chiede il brand book. */

[hidden]{display:none!important}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}
main{flex:1}
img{max-width:100%}
.metisv-calendario__nodo{max-width:none}
.nascosto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.salta{position:absolute;left:-999px;top:0;z-index:200;background:var(--metisv-azione);color:var(--metisv-su-azione);padding:var(--metisv-s-2) var(--metisv-s-4)}
.salta:focus{left:var(--metisv-s-4)}
:focus-visible{outline:3px solid var(--metisv-fuoco);outline-offset:2px}

/* testata */
.metisv-header{max-width:none}
.testata__marchio{display:flex;min-width:0;flex:0 1 auto}
.testata__destra{display:flex;align-items:center;gap:var(--metisv-s-3);min-width:0}
.testata__cerca input{font:inherit;font-size:var(--metisv-t-piccolo);width:150px;min-height:36px;box-sizing:border-box;padding:0 var(--metisv-s-3);border-radius:var(--metisv-raggio-pillola);border:1px solid var(--metisv-linea);background:transparent;color:var(--metisv-testo)}
.testata__cerca input:focus{outline:none;border-color:var(--metisv-fuoco)}
@media (max-width:639px){.testata__cerca{display:none}.testata__marchio{flex:1 1 0}.testata__marchio .metisv-header__marchio{width:100%;max-width:168px;flex:none}}

/* menu: la barra rossa, con due tendine */
.menu{position:relative;z-index:50}
.menu__voce{display:flex;align-items:center;gap:2px}
.menu__apri{width:24px;height:24px;border:0;background:transparent;color:var(--metisv-su-segno);cursor:pointer;padding:0;position:relative}
.menu__apri::before{content:"";position:absolute;left:50%;top:45%;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translate(-50%,-50%) rotate(45deg);transition:transform var(--metisv-durata-breve)}
.menu__apri[aria-expanded="true"]::before{transform:translate(-50%,-20%) rotate(-135deg)}
.menu__tendina{position:absolute;top:100%;min-width:220px;background:var(--metisv-superficie);border-top:3px solid var(--metisv-segno);box-shadow:var(--metisv-ombra);display:flex;flex-direction:column;padding:var(--metisv-s-2) 0}
.metisv-menu .menu__tendina a{padding:var(--metisv-s-2) var(--metisv-s-4);color:var(--metisv-testo);font-family:var(--metisv-font-testo);text-transform:none;letter-spacing:0;font-weight:600;font-size:var(--metisv-t-corpo)}
.metisv-menu .menu__tendina a:hover{background:var(--metisv-superficie-alterna);color:var(--metisv-testo)}
.menu__mega{position:absolute;left:0;right:0;top:100%;background:var(--metisv-superficie);border-bottom:3px solid var(--metisv-segno);padding:var(--metisv-s-5) var(--metisv-margine);display:flex;flex-direction:column;gap:var(--metisv-s-4);box-shadow:var(--metisv-ombra)}
.menu__mega-griglia{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--metisv-s-3);max-width:var(--metisv-colonna);width:100%;margin:0 auto}
.menu__mega .metisv-card-barca{font-family:var(--metisv-font-testo);text-transform:none;letter-spacing:0;padding:0}
.menu__mega .metisv-card-barca__testo{padding:var(--metisv-s-4)}
.menu__mega .metisv-card-barca__nome{font-size:19px}
.metisv-menu .menu__mega .metisv-link-forte{align-self:center;color:var(--metisv-testo);font-family:var(--metisv-font-testo);text-transform:none}
.metisv-menu a.menu__bottone{min-height:32px;padding:0 var(--metisv-s-4);font-family:var(--metisv-font-testo);text-transform:none;font-size:13px;letter-spacing:0;color:var(--metisv-su-azione);text-decoration:none}
@media (max-width:639px){.menu__voce{position:static}.menu{position:relative}.menu__tendina{left:0;right:0}}

/* apertura */
.apertura-link{display:block;color:inherit;text-decoration:none}
.metisv-pagina a.apertura-link{color:inherit}
.apertura-link:hover .metisv-display{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.apertura__sotto{margin:0;font-size:var(--metisv-t-corpo-l);font-weight:500}
.metisv-apertura .metisv-display{overflow-wrap:anywhere}

/* impaginato */
.pagina{padding-top:var(--metisv-s-7);padding-bottom:var(--metisv-s-8);display:flex;flex-direction:column;gap:var(--metisv-s-6)}
.pagina--centro{align-items:center;text-align:center}
.sezione{display:flex;flex-direction:column;gap:var(--metisv-s-4);padding-top:var(--metisv-s-6)}
.pagina--centro .sezione{align-items:center;width:100%}
.sezione__testo{max-width:var(--metisv-misura);margin:0 auto;font-size:var(--metisv-t-corpo-l)}
.sezione-titolo{font-size:var(--metisv-t-titolo-l);margin:0}
.titolo-segno{color:var(--metisv-segno-testo);text-align:center}
.titolo-centro{text-align:center}
.prosa{max-width:var(--metisv-misura);font-size:var(--metisv-t-corpo-l);text-wrap:pretty}
.prosa--centro{text-align:center;margin:0 auto}
.prosa :is(h2,h3,h4){font-weight:800;line-height:var(--metisv-interlinea-titolo);margin:1.6em 0 .5em}
.prosa h2{font-size:var(--metisv-t-titolo-l)}.prosa h3{font-size:var(--metisv-t-titolo-m)}
.prosa img{height:auto;display:block;margin:var(--metisv-s-5) 0}
.prosa blockquote{margin:var(--metisv-s-5) 0;padding-left:var(--metisv-s-4);border-left:3px solid var(--metisv-segno);color:var(--metisv-testo-secondario)}
.prosa a{text-underline-offset:3px}
.prosa .ql-align-center{text-align:center}.prosa .ql-align-right{text-align:right}

/* homepage */
.home{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--metisv-s-7);padding-top:var(--metisv-s-7);padding-bottom:var(--metisv-s-6);align-items:start}
.home__occhiello{margin:0;font-size:var(--metisv-t-titolo-s);font-weight:500}
.home__notizie .sezione-titolo{margin-bottom:var(--metisv-s-3)}
.home__tutte{display:inline-block;margin-top:var(--metisv-s-4)}
.home__laterale{display:flex;flex-direction:column;gap:var(--metisv-s-6)}
.home__squadra{display:flex;flex-direction:column;margin-top:var(--metisv-s-2)}
.home__calendario{padding-bottom:var(--metisv-s-8);display:flex;flex-direction:column;gap:var(--metisv-s-4)}
.home__calendario .metisv-calendario{max-width:560px;position:relative}
ol.metisv-calendario__voci{list-style:none;margin:0;padding:0}
.calendario__link{color:inherit;text-decoration:none}
.metisv-pagina a.calendario__link{color:var(--metisv-chiaro-100)}
.calendario__link:hover{text-decoration:underline}
@media (max-width:1023px){.home{grid-template-columns:minmax(0,1fr)}}

.riquadro__titolo{font-size:var(--metisv-t-titolo-m)}
.riquadro__testo{font-size:var(--metisv-t-piccolo);line-height:1.55}
.riquadro__testo p{margin:0 0 .8em}
.riquadro__sotto{margin:0;font-size:var(--metisv-t-piccolo);font-weight:600}
.riquadro__link{align-self:flex-end;font-size:var(--metisv-t-piccolo)}
.riquadro--centro{text-align:center;align-items:center}

/* notizie */
.elenco-notizie{display:flex;flex-direction:column}
.elenco-notizie--griglia{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:var(--metisv-s-4)}
.metisv-card-notizia{grid-template-columns:minmax(96px,170px) minmax(0,1fr)}
.card-notizia__foto{display:block;min-height:150px}
.metisv-card-notizia__titolo a{color:var(--metisv-testo);text-decoration:none}
.metisv-card-notizia__titolo a:hover{text-decoration:underline}
.card-notizia__fonte{margin:0;font-size:var(--metisv-t-piccolo);color:var(--metisv-segno-testo);font-weight:600}
@media (max-width:639px){.metisv-card-notizia{grid-template-columns:minmax(0,1fr)}.card-notizia__foto img{aspect-ratio:16/9;min-height:0}.card-notizia__foto{min-height:0}}
.notizie{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--metisv-s-7);padding-top:var(--metisv-s-7);padding-bottom:var(--metisv-s-8);align-items:start}
@media (max-width:1023px){.notizie{grid-template-columns:minmax(0,1fr)}}
.dicono__elenco{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--metisv-s-3)}
.dicono__elenco li{display:flex;flex-direction:column;gap:2px;padding-bottom:var(--metisv-s-3);border-bottom:1px solid var(--metisv-linea)}
.dicono__elenco a{color:var(--metisv-testo);font-weight:700;text-decoration:none;line-height:1.3}
.dicono__elenco a:hover{text-decoration:underline}
.dicono__elenco span{font-size:var(--metisv-t-nota);color:var(--metisv-segno-testo)}
.paginazione{display:flex;gap:var(--metisv-s-3);align-items:center;justify-content:center;margin-top:var(--metisv-s-5)}
.paginazione a{text-decoration:none}

/* articolo */
.articolo{padding-top:var(--metisv-s-7);padding-bottom:var(--metisv-s-6);display:flex;flex-direction:column;gap:var(--metisv-s-4);max-width:calc(var(--metisv-misura) + 2 * var(--metisv-margine))}
.articolo__evidenza{font-size:var(--metisv-t-titolo-l);font-weight:700;line-height:1.35;margin:0;padding-left:var(--metisv-s-4);border-left:4px solid var(--metisv-segno)}
.articolo__immagine{width:100%;height:auto}

/* barche */
.griglia-barche{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:var(--metisv-s-5)}
.griglia-barche--piccola{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:var(--metisv-s-3)}
.testo-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--metisv-s-6);align-items:start;border-top:2px solid var(--metisv-testo);padding-top:var(--metisv-s-4)}
.testo-media--solo{grid-template-columns:minmax(0,1fr)}
.testo-media__foto{width:100%;height:100%;max-height:640px;object-fit:cover}
@media (max-width:767px){.testo-media{grid-template-columns:minmax(0,1fr)}}
.barca__descrizione{border-top:2px solid var(--metisv-testo);align-items:center}
.componenti{gap:var(--metisv-s-5)}
.componenti__corpo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--metisv-s-6);align-items:center}
.componenti__voci p{margin:0 0 var(--metisv-s-4);color:var(--metisv-testo-secondario)}
.componenti__titolo{font-size:var(--metisv-t-titolo-m);margin-bottom:var(--metisv-s-2)}
.componenti__modello{width:100%;height:auto}
@media (max-width:767px){.componenti__corpo{grid-template-columns:minmax(0,1fr)}}
.fisarmonica__corpo{display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--metisv-s-4);padding:var(--metisv-s-2) 0 var(--metisv-s-5)}
.fisarmonica__corpo img{width:100%;aspect-ratio:9/8;object-fit:cover;border-radius:var(--metisv-raggio)}
.fisarmonica__corpo p{margin:0 0 var(--metisv-s-3)}
@media (max-width:639px){.fisarmonica__corpo{grid-template-columns:minmax(0,1fr)}}
.metisv-fisarmonica summary.metisv-filetto{white-space:normal}

/* chi siamo: testo e video */
.chi-siamo--video{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:var(--metisv-s-7);align-items:center}
.video-cornice video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}
.video-cornice--maschera video{-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
@media (max-width:767px){.chi-siamo--video{grid-template-columns:minmax(0,1fr)}.video-cornice{max-width:300px;margin:0 auto;width:100%}}

/* chi siamo: i trofei */
.trofei{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--metisv-s-4);align-items:start}
.trofeo__righe{list-style:none;margin:var(--metisv-s-3) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--metisv-s-1);font-size:var(--metisv-t-piccolo)}

/* gallerie */
.galleria{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:var(--metisv-s-3);width:100%}
.galleria a{display:block;overflow:hidden}
.galleria img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;transition:transform var(--metisv-durata) var(--metisv-curva)}
@media (hover:hover){.galleria a:hover img{transform:scale(var(--metisv-crescita))}}
.lightbox{position:fixed;inset:0;z-index:120;background:var(--metisv-velo);display:flex;align-items:center;justify-content:center;padding:var(--metisv-s-5)}
.lightbox img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:var(--metisv-ombra)}
.lightbox button{position:absolute;width:var(--metisv-tocco);height:var(--metisv-tocco);border-radius:50%;border:0;background:var(--metisv-superficie);color:var(--metisv-testo);font-size:24px;cursor:pointer}
.lightbox [data-chiudi]{top:var(--metisv-s-4);right:var(--metisv-s-4)}
.lightbox [data-prec]{left:var(--metisv-s-4);top:50%}
.lightbox [data-succ]{right:var(--metisv-s-4);top:50%}

/* sponsor */
.loghi{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--metisv-s-6) var(--metisv-s-7);justify-content:center;align-items:center}
.logo-sponsor{display:flex;flex-direction:column;align-items:center;gap:var(--metisv-s-2);max-width:220px}
.logo-sponsor img{height:56px;width:auto;max-width:180px;object-fit:contain}
.loghi--grandi .logo-sponsor img{height:84px;max-width:220px}
.logo-sponsor p{margin:0;font-size:var(--metisv-t-piccolo);color:var(--metisv-testo-secondario)}
.logo-sponsor__nome{font-weight:800;font-size:var(--metisv-t-titolo-m)}
.diventa{margin-top:var(--metisv-s-7);width:100%;box-sizing:border-box;background:var(--metisv-superficie);border-left:4px solid var(--metisv-segno);padding:var(--metisv-s-6);display:flex;gap:var(--metisv-s-5);align-items:center;justify-content:space-between;flex-wrap:wrap;text-align:left}
.diventa p{margin:var(--metisv-s-2) 0 0}

/* squadra */
.griglia-squadra{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:var(--metisv-s-4)}
.card-squadra{text-decoration:none}
.metisv-pagina a.card-squadra{color:var(--metisv-notte-900)}
.card-squadra:hover .metisv-card-squadra__nome{text-decoration:underline}
.card-squadra__segnaposto{object-fit:contain!important;padding:20%;box-sizing:border-box;background:var(--metisv-chiaro-300)}
.filtri{display:flex;flex-wrap:wrap;gap:var(--metisv-s-2)}
.filtri a{text-decoration:none}
.membro{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:var(--metisv-s-7);align-items:start}
.membro__foto img{width:100%;aspect-ratio:3/4;object-fit:cover}
.membro__testo{display:flex;flex-direction:column;gap:var(--metisv-s-3)}
.membro__testo p{margin:0}
.membro__ruolo{font-size:var(--metisv-t-titolo-s);font-weight:600}
.membro__citazione{margin:0;padding-left:var(--metisv-s-4);border-left:3px solid var(--metisv-segno);font-style:italic}
.membro__social{display:flex;gap:var(--metisv-s-2)}
.membro__social a{display:flex;width:var(--metisv-tocco);height:var(--metisv-tocco);align-items:center;justify-content:center;color:var(--metisv-testo)}
@media (max-width:767px){.membro{grid-template-columns:minmax(0,1fr)}.membro__foto{max-width:320px}}

/* sali a bordo e candidatura */
.sali{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--metisv-s-7);align-items:start}
.sali__testo{display:flex;flex-direction:column;gap:var(--metisv-s-5)}
@media (max-width:1023px){.sali{grid-template-columns:minmax(0,1fr)}}
.candidatura{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--metisv-s-4);text-align:left;width:100%}
.candidatura__largo,.candidatura .metisv-campo:has(textarea){grid-column:1/-1}
.candidatura__spunta{grid-column:1/-1;display:flex;gap:var(--metisv-s-3);align-items:flex-start;font-size:var(--metisv-t-piccolo)}
.candidatura__spunta input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--metisv-azione)}
.candidatura__trappola{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.candidatura__esito:empty{display:none}
.candidatura__esito{grid-column:1/-1}
@media (max-width:639px){.candidatura{grid-template-columns:minmax(0,1fr)}}

/* modale */
.metisv-modale{width:min(92vw,720px)}
.metisv-modale .metisv-display{margin-bottom:var(--metisv-s-4);padding-right:var(--metisv-s-7)}
.modale__chiudi{position:absolute;top:var(--metisv-s-4);right:var(--metisv-s-4);width:var(--metisv-tocco);height:var(--metisv-tocco);border-radius:50%;border:1px solid var(--metisv-linea);background:transparent;color:var(--metisv-testo);font-size:24px;line-height:1;cursor:pointer}
.modale__testo{margin-bottom:var(--metisv-s-4)}
@media (max-width:639px){.metisv-modale{width:100vw;max-height:100vh;height:100vh;border-radius:0;top:0;left:0;transform:none}}

/* ricerca */
.ricerca{display:flex;gap:var(--metisv-s-3);align-items:flex-end;flex-wrap:wrap}
.ricerca .metisv-campo{flex:1 1 260px}
.risultati{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--metisv-s-4)}
.risultato{display:grid;grid-template-columns:120px minmax(0,1fr);gap:var(--metisv-s-4);background:var(--metisv-superficie);align-items:start}
.risultato img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.risultato>div{padding:var(--metisv-s-3) var(--metisv-s-3) var(--metisv-s-3) 0;display:flex;flex-direction:column;gap:var(--metisv-s-1);align-items:flex-start}
.risultato h2{font-size:var(--metisv-t-titolo-m)}
.risultato h2 a{color:var(--metisv-testo)}
.risultato p{margin:0;font-size:var(--metisv-t-piccolo);color:var(--metisv-testo-secondario)}

/* accesso */
.accesso{max-width:400px;width:100%;margin:0 auto;box-sizing:border-box;gap:var(--metisv-s-4)}
.accesso__dimenticata{font-size:var(--metisv-t-piccolo);align-self:center}

/* stati: 404, 503, esiti */
.stato{min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--metisv-s-4);text-align:center;padding-top:var(--metisv-s-8);padding-bottom:var(--metisv-s-8)}
.stato p{margin:0;max-width:52ch}
.stato--schermo{min-height:100vh;padding:var(--metisv-s-6)}
.stato__corda{height:80px}
.stato .metisv-avviso{text-align:left}

/* piede: il carosello degli sponsor */
.piede__titolo{font-size:15px;font-weight:600}
.piede__consenso{font:inherit;background:none;border:0;color:inherit;cursor:pointer;padding:0;text-decoration:underline}
.carosello{display:flex;align-items:center;gap:var(--metisv-s-2);width:min(100%,var(--metisv-colonna))}
.carosello__binario{list-style:none;margin:0;padding:0;display:flex;gap:var(--metisv-s-5);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;scroll-behavior:smooth}
.carosello__binario::-webkit-scrollbar{display:none}
.carosello__voce{flex:0 0 96px;scroll-snap-align:start}
.carosello__voce a,.carosello__voce{display:flex;flex-direction:column;align-items:center;gap:var(--metisv-s-1);text-decoration:none;font-size:var(--metisv-t-nota);color:var(--metisv-notte-900);text-align:center;line-height:1.2}
.carosello__voce img{height:48px;width:auto;max-width:96px;object-fit:contain}
.carosello__freccia{flex:none;width:36px;height:36px;border-radius:50%;border:0;background:transparent;color:var(--metisv-notte-900);font-size:28px;line-height:1;cursor:pointer}

/* consenso */
.consenso{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;justify-content:center}
.consenso .metisv-consenso{width:min(100%,960px);box-sizing:border-box;box-shadow:var(--metisv-ombra);max-height:80vh;overflow:auto}
.consenso__testo{font-size:var(--metisv-t-piccolo)}
.consenso__testo p{margin:0 0 .5em}
.consenso__dettagli{font-size:var(--metisv-t-piccolo)}
.consenso__dettagli dt{font-weight:700;margin-top:var(--metisv-s-2)}
.consenso__dettagli dd{margin:0;color:var(--metisv-testo-secondario)}
.metisv-chip[disabled]{cursor:default;opacity:.85}