/* v2 (4/11/2026): direzione "poster sportivo + sticker pop".
   Titoli Anton enormi e stretti, etichette Bagel Fat One a sticker, testo Archivo.
   Foto con bordo bianco da adesivo, fondi pieni (cielo a quadretti, rosso, navy). Colori invariati. */
:root{--v2-disp:"Anton","Impact","Arial Narrow",sans-serif;--v2-stk:"Bagel Fat One","Lilita One",system-ui,sans-serif;--v2-body:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;--v2-grid:linear-gradient(rgba(14,42,107,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(14,42,107,.07) 1px,transparent 1px);--v2-ink:#0E2A6B}
body,.va,.va p,.va li,.va input,.va textarea,.va select,.va button{font-family:var(--v2-body)}
.va .va-h a,.va .pnen-name a{font-family:inherit}
.va p,.va li{font-size:clamp(16px,1.1vw,18px);line-height:1.6}

/* Titoli da poster */
.va .va-h{font-family:var(--v2-disp);font-weight:400;text-transform:uppercase;letter-spacing:0;line-height:.9}
.va .va-h1{font-size:clamp(64px,9.2vw,168px);line-height:.86}
.va .va-h2{font-size:clamp(46px,6vw,104px);line-height:.88}
.va .va-h3{font-size:clamp(24px,2vw,34px);line-height:.95}
.va .va-h em{font-style:normal;color:var(--va-red)}
.va .va-mini-b .va-h,.va-nav a,.va-drawer a{font-family:var(--v2-body);font-weight:800;text-transform:none;letter-spacing:0}
.va .va-mini-b .va-h{font-size:clamp(17px,1.2vw,20px);line-height:1.15}

/* Etichetta a sticker */
.va-eyebrow,.va-flag{display:inline-block;font-family:var(--v2-stk);font-weight:400;text-transform:none;letter-spacing:0;font-size:clamp(17px,1.3vw,21px);line-height:1.1;color:var(--va-navy);background:#fff;padding:8px 14px 9px;border-radius:12px;border:2.5px solid var(--va-navy);box-shadow:3px 3px 0 var(--va-navy);transform:rotate(-2deg);align-self:flex-start}
.va-flag{background:var(--va-red);color:#fff;border-color:#fff;box-shadow:none;font-size:16px}

/* Bottoni a adesivo */
.va .va-btn{font-family:var(--v2-body);font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:15px;border-radius:14px;border:3px solid var(--va-navy);box-shadow:4px 4px 0 var(--va-navy);min-height:54px;padding:0 22px;transition:transform .15s ease,box-shadow .15s ease}
.va .va-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--va-navy)}
.va .va-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--va-navy)}
.va .va-white{background:#fff;color:var(--va-navy)}
.va .va-ghost{background:transparent;color:#fff;border-color:#fff;box-shadow:4px 4px 0 rgba(255,255,255,.35)}
.va-hd-r .va-btn{min-height:44px;font-size:13px;box-shadow:3px 3px 0 var(--va-navy);border-width:2.5px}
.va-season a{font-family:var(--v2-body);font-weight:800}

/* HERO: foto a tutto schermo, titolo gigante sopra */
.va-hero{background:var(--va-navy);border-radius:0!important}
.va-hero-in{position:relative;display:block!important;min-height:clamp(560px,86vh,900px)}
.va-hero-pic{position:absolute!important;inset:0;aspect-ratio:auto!important}
.va .va-hero-img{-webkit-mask-image:none!important;mask-image:none!important}
.va-hero-pic::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,31,82,.86) 0%,rgba(10,31,82,.55) 38%,rgba(10,31,82,0) 68%),linear-gradient(0deg,rgba(10,31,82,.55) 0%,rgba(10,31,82,0) 35%)}
.va-hero-txt{position:relative;z-index:2;color:#fff;min-height:inherit;justify-content:flex-end!important;padding-block:clamp(110px,14vh,180px) clamp(48px,7vh,90px)!important;max-width:calc(min(100vw,var(--va-max)) * .62 + max(0px,(100vw - var(--va-max))/2))}
.va-hero .va-h1{color:#fff;text-shadow:0 4px 30px rgba(10,31,82,.35)}
.va-hero .va-h1 em{display:inline-block;color:var(--va-red);background:#fff;padding:.02em .14em .04em;margin-top:.06em;border-radius:.08em;transform:rotate(-2.5deg);text-shadow:none;box-shadow:.05em .05em 0 var(--va-navy2)}
.va-hero .va-lead{color:#fff;font-size:clamp(18px,1.5vw,22px);max-width:34em;font-weight:500}
.va-hero .va-facts{gap:10px}
.va-hero .va-facts li{font-family:var(--v2-stk);font-weight:400;font-size:16px;background:var(--va-sky);color:var(--va-navy);padding:7px 13px;border-radius:999px;border:2px solid #fff}
.va-hero .va-facts li:nth-child(2){transform:rotate(2deg);background:#fff}
.va-hero .va-facts li:nth-child(3){transform:rotate(-1.5deg)}
.va-hero .va-facts svg{display:none}
.va-hero .va-white{box-shadow:4px 4px 0 var(--va-navy2)}

/* Foto a sticker */
.va-big,.va-mini-pic,.va .va-bday-img,.va .va-stay-img,.va .va-pola{border:7px solid #fff!important;box-shadow:0 14px 30px rgba(14,42,107,.18),0 0 0 1px rgba(14,42,107,.06)!important;border-radius:20px!important}
.va-big{transform:rotate(-1deg)}.va-big+.va-big{transform:rotate(1.2deg)}
.va-big:hover,.va-mini-i:hover .va-mini-pic{transform:rotate(0) scale(1.01)}
.va-mini-i .va-mini-pic{transition:transform .2s ease}
.va-mini-i:nth-child(odd) .va-mini-pic{transform:rotate(-1.5deg)}
.va-mini-i:nth-child(even) .va-mini-pic{transform:rotate(1.5deg)}
.va-big-t .va-h{color:#fff}
.va .va-pola{padding:0!important}
.va .va-bday-img{transform:rotate(1.5deg)}

/* Fondi pieni */
#attrazioni{background-color:var(--va-sky2);background-image:var(--v2-grid);background-size:28px 28px}
.va-exp-row{background:#fff}
#ingresso .va-box{background-color:var(--va-red);background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:28px 28px}
#ingresso .va-box .va-h em{color:var(--va-navy)}
#ingresso .va-tk span{font-family:var(--v2-stk);font-weight:400;text-transform:none;letter-spacing:0;font-size:18px;color:#fff}
#ingresso .va-tk b{font-family:var(--v2-disp);font-size:clamp(54px,5vw,84px);letter-spacing:.01em}
#ingresso .va-tk svg,#ingresso .va-pines{color:#fff;opacity:.9}
#ingresso .va-red{background:var(--va-navy);color:#fff;border-color:#fff;box-shadow:4px 4px 0 var(--va-navy2)}
#ingresso .va-tk{border-color:rgba(255,255,255,.35)!important}
.va-asso{background:var(--va-navy)!important;color:#fff}
.va-asso .va-h em{color:var(--va-sky)}
.va-asso .va-hill{color:#fff}
.va-bubble{font-family:var(--v2-stk)!important;font-weight:400}
.va-contact{background-color:var(--va-sky2);background-image:var(--v2-grid);background-size:28px 28px}

@media (max-width:900px){
  .va-hero-in{min-height:clamp(560px,92vh,760px)}
  .va-hero-pic::after{background:linear-gradient(0deg,rgba(10,31,82,.92) 0%,rgba(10,31,82,.6) 45%,rgba(10,31,82,.1) 75%)}
  .va-hero-txt{max-width:none;padding-top:200px!important}
  .va .va-h1{font-size:clamp(56px,15vw,96px)}
  .va .va-h2{font-size:clamp(42px,11vw,72px)}
  .va-big,.va-big+.va-big,.va .va-bday-img{transform:none}
}
@media (prefers-reduced-motion:reduce){.va .va-btn,.va-mini-i .va-mini-pic{transition:none}}

/* rifiniture */
#ingresso .va-tk b{white-space:nowrap;font-size:clamp(44px,4.2vw,76px)}
.va-exp-row .pnen-name{font-family:var(--v2-disp)!important;font-weight:400!important;text-transform:uppercase;font-size:clamp(24px,2vw,32px)!important;line-height:.95!important;letter-spacing:0!important}
.va-exp-row .pnen-image{border:7px solid #fff;border-radius:20px;box-shadow:0 14px 30px rgba(14,42,107,.18);overflow:hidden}
.va-exp-row .pnen-card:nth-child(odd) .pnen-image{transform:rotate(-1.2deg)}
.va-exp-row .pnen-card:nth-child(even) .pnen-image{transform:rotate(1.2deg)}
.va-exp-row .pnen-link{font-family:var(--v2-body)!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.04em;font-size:14px!important;border-radius:14px!important;border:3px solid var(--va-navy)!important;box-shadow:4px 4px 0 var(--va-navy)!important}
.va:has(> .va-contact){background-color:var(--va-sky2);background-image:var(--v2-grid);background-size:28px 28px}
.va-contact{background:transparent!important}
.va-contact input[type=text],.va-contact input[type=email],.va-contact input[type=tel],.va-contact textarea,.va-contact select{border:2.5px solid var(--va-navy)!important;border-radius:14px!important;background:#fff!important;font-family:var(--v2-body)!important;font-size:16px!important}
.va-contact input:focus,.va-contact textarea:focus{outline:3px solid var(--va-red);outline-offset:2px}
.va-more{font-family:var(--v2-body);font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:14px}
.va-clist a,.va-clist span{font-family:var(--v2-body)}
.va-eyebrow,.va-flag{width:fit-content;max-width:100%;justify-self:start}
.va-hero .va-crumb{display:inline-block;width:fit-content;font-family:var(--v2-stk);font-weight:400;text-transform:none;letter-spacing:0;font-size:17px;color:var(--va-navy);background:var(--va-sky);padding:7px 13px;border-radius:12px;border:2px solid #fff;transform:rotate(-2deg)}
@media (max-width:900px){.home .va .va-hero-img{object-position:72% 40%!important}}

/* ===== Griglia e ritmo unici (4/11) =====
   Tutte le sezioni a due colonne: testo 5/12, contenuto 7/12, stesso stacco G.
   Tutte le sezioni: stesso spazio sopra e sotto. */
:root{--v2-G:clamp(40px,5vw,96px);--v2-sp:clamp(72px,7vw,128px);--v2-g2:clamp(16px,1.6vw,28px)}
.va .va-h2{font-size:clamp(44px,5.2vw,92px);text-wrap:balance}
.va-intro{gap:20px!important}
.va-intro p,.va-box-t p,.va-stay-t p,.va-cinfo p{max-width:34em!important}
.va-intro .va-btn,.va-intro .va-more,.va-box-t .va-row,.va-stay-t .va-btn{margin-top:8px}
.va-intro .va-eyebrow{margin-bottom:-4px}

/* ritmo verticale */
.va-sec,.va-exp-row,.va-asso{padding-block:var(--v2-sp)!important}
.va-sec.va-pt0{padding-top:var(--v2-sp)!important}
.va-sec:has(>.va-wrap>.va-box:only-child),.va-sec:has(>.va-wrap>.va-stay:only-child){padding-block:0!important}
.va-box{padding-block:var(--v2-sp)!important}
.va-contact{padding-block:var(--v2-sp)!important}
/* due sezioni bianche consecutive: niente doppio spazio */
.va:has(>.va-exp-row)+.va>#attrazioni{margin-top:0}

/* colonne */
.va-exp-row,.va-box,.va-bday,.va-other,.va-contact{column-gap:var(--v2-G)!important}
.va-exp-row,.va-other{display:grid!important;grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important;align-items:center}
.va-box,.va-contact{grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important}
.va-bday{grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important}
.va-exp-row{max-width:var(--va-max);margin-inline:auto;padding-inline:var(--va-g)}
/* tre colonne (testo + due blocchi): la prima colonna assorbe lo stacco grande, i blocchi tra loro restano vicini */
.va-park-top{grid-template-columns:calc((100% - var(--v2-G)) * 5 / 12 + var(--v2-G) - var(--v2-g2)) minmax(0,1.25fr) minmax(0,1fr)!important;column-gap:var(--v2-g2)!important;align-items:stretch;margin-bottom:var(--v2-g2)!important}
.va-park-top .va-intro{padding-right:calc(var(--v2-G) - var(--v2-g2))!important;justify-content:center}
.va-asso-in{grid-template-columns:calc((100% - var(--v2-G)) * 5 / 12 + var(--v2-G) - var(--v2-g2)) minmax(0,1fr) minmax(0,1fr)!important;column-gap:var(--v2-g2)!important}
.va-asso-in .va-intro{padding-right:calc(var(--v2-G) - var(--v2-g2))}
.va-mini,.va-other-g{gap:var(--v2-g2)!important}

/* Dove dormire: titolo, testo e bottone in colonna */
.va-stay-t{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center;gap:20px!important;padding-block:var(--v2-sp)!important}
.va-stay-t>div{flex:0 0 auto!important;gap:20px!important}

@media (max-width:1100px){
  .va-park-top{grid-template-columns:1fr 1fr!important}
  .va-park-top .va-intro{grid-column:1/-1;padding:0 0 8px!important}
  .va-asso-in{grid-template-columns:1fr 1fr!important}
  .va-asso-in .va-intro{grid-column:1/-1;padding-right:0}
}
@media (max-width:900px){
  .va-exp-row,.va-other,.va-box,.va-contact,.va-bday{grid-template-columns:1fr!important;row-gap:36px}
  :root{--v2-sp:64px}
}
@media (max-width:640px){.va-park-top,.va-asso-in{grid-template-columns:1fr!important}}
/* hero allineata alla griglia del sito (stesso bordo sinistro delle sezioni) */
.va-hero-txt{box-sizing:border-box;width:100%;max-width:var(--va-max)!important;margin-inline:auto;padding-inline:var(--va-g)!important}
.va-hero-txt>*{max-width:min(100%,1000px)}
.va-hero-txt>.va-lead{max-width:34em}
/* ritagli: teste sempre intere */
.va img[src*="sl-v-palco-inverno"]{object-position:40% 8%!important}
.va img[src*="sl-v-asso-gufo"]{object-position:50% 0%!important}
.va img[src*="v2-asso-abbraccio"]{object-position:50% 12%!important}
.va img[src*="sl-v-adventure-imbrago"]{object-position:50% 15%!important}
.va img[src*="sl-v-asso-coriandoli"]{object-position:50% 20%!important}
.va img[src*="COMPLEANNOASSO"]{object-position:50% 30%!important}
.va-exp-row .pnen-image img{object-position:50% 18%!important}
@media (max-width:900px){
  /* hero: velatura più piena perché il titolo resti leggibile anche sopra le zone chiare */
  .va-hero-pic::after{background:linear-gradient(0deg,rgba(10,31,82,.94) 0%,rgba(10,31,82,.72) 50%,rgba(10,31,82,.45) 100%)!important}
  /* dove dormire: testo a tutta larghezza, foto come sfondo */
  .va-stay{display:block!important;position:relative}
  .va-stay-t{width:100%!important;max-width:none!important;gap:16px!important;padding-block:64px!important}
  .va .va-stay-img{opacity:.28!important;width:100%!important;-webkit-mask-image:none!important;mask-image:none!important}
  .va-exp-row .pnen-list{gap:28px!important}
}
/* la foto di "Dove dormire" fa da sfondo: niente bordo da sticker */
.va .va-stay-img{border:0!important;box-shadow:none!important;border-radius:0!important}
/* esperienze: sempre 3 card affiancate su desktop, allineate in alto */
.va-exp-row .pnen-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:var(--v2-g2)!important;align-items:start}
.va-exp-row .pnen-image{aspect-ratio:4/3;display:block}
.va-exp-row .pnen-image img{width:100%;height:100%;object-fit:cover}
@media (max-width:1100px) and (min-width:641px){.va-exp-row .pnen-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){.va-exp-row .pnen-list{grid-template-columns:1fr!important}}
/* bottoni delle esperienze tutti sulla stessa riga */
.va-exp-row .pnen-list{align-items:stretch!important}
.va-exp-row .pnen-card{display:flex!important;flex-direction:column}
.va-exp-row .pnen-body{display:flex!important;flex-direction:column;flex:1 1 auto;gap:6px}
.va-exp-row .pnen-link{margin-top:auto!important;align-self:flex-start}

/* ===== v2.1 (4/11, feedback): pill a contorno, foto pulite, hero leggibile ===== */
/* Pill: niente Bagel, Archivo bold, contorno pieno arrotondato tipo "family festival", con stellina */
.va-eyebrow,.va-flag,.va-hero .va-crumb,.va-hero .va-facts li,#ingresso .va-tk span,.va-bubble{font-family:var(--v2-body)!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important;transform:none!important;box-shadow:none!important}
.va-eyebrow{font-size:clamp(15px,1.05vw,17px);line-height:1;color:var(--va-navy);background:transparent;border:2px solid currentColor;border-radius:999px;padding:9px 18px 10px;display:inline-flex;align-items:center;gap:8px}
.va-eyebrow::before{content:"";width:13px;height:13px;flex:0 0 13px;background:var(--va-red);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c.7 6.4 5.6 11.3 12 12-6.4.7-11.3 5.6-12 12-.7-6.4-5.6-11.3-12-12C6.4 11.3 11.3 6.4 12 0z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c.7 6.4 5.6 11.3 12 12-6.4.7-11.3 5.6-12 12-.7-6.4-5.6-11.3-12-12C6.4 11.3 11.3 6.4 12 0z'/%3E%3C/svg%3E") center/contain no-repeat}
.va-asso .va-eyebrow,#ingresso .va-eyebrow,.va-stay .va-eyebrow{color:#fff}
.va-asso .va-eyebrow::before,#ingresso .va-eyebrow::before{background:var(--va-sky)}
.va-flag{font-size:14px;background:var(--va-red);color:#fff;border:0;border-radius:999px;padding:7px 14px}
.va-hero .va-crumb,.va-hero .va-facts li{font-size:15px;line-height:1;background:transparent!important;color:#fff!important;border:2px solid rgba(255,255,255,.9)!important;border-radius:999px;padding:9px 16px 10px}
#ingresso .va-tk span{font-size:15px;color:#fff;opacity:.95}
.va-bubble{font-size:15px!important}

/* Foto: niente cornice bianca, niente rotazione, angoli morbidi */
.va-big,.va-mini-pic,.va .va-bday-img,.va .va-pola,.va-exp-row .pnen-image{border:0!important;box-shadow:none!important;border-radius:22px!important;transform:none!important}
.va-mini-i:nth-child(odd) .va-mini-pic,.va-mini-i:nth-child(even) .va-mini-pic,.va-big+.va-big,.va-exp-row .pnen-card:nth-child(odd) .pnen-image,.va-exp-row .pnen-card:nth-child(even) .pnen-image{transform:none!important}
.va-mini-i:hover .va-mini-pic img,.va-big:hover img{transform:scale(1.03)}
.va-mini-pic img,.va-big img{transition:transform .35s ease}
.va .va-pola{overflow:hidden}

/* Hero: titolo pulito, niente rettangolo obliquo, contrasto pieno */
.va-hero .va-h1 em{display:inline;background:none!important;color:var(--va-sky)!important;padding:0!important;margin:0!important;transform:none!important;box-shadow:none!important;border-radius:0}
.va-hero .va-h1{font-size:clamp(60px,8vw,140px);line-height:.92;letter-spacing:.005em;text-shadow:0 2px 24px rgba(6,20,56,.45)}
.va-hero-pic::after{background:linear-gradient(90deg,rgba(8,26,70,.92) 0%,rgba(8,26,70,.78) 34%,rgba(8,26,70,.25) 62%,rgba(8,26,70,0) 78%),linear-gradient(0deg,rgba(8,26,70,.6) 0%,rgba(8,26,70,0) 40%)!important}
.va-hero .va-lead{font-size:clamp(18px,1.4vw,21px);line-height:1.55;font-weight:500}
@media (max-width:900px){
  .va-hero-pic::after{background:linear-gradient(0deg,rgba(8,26,70,.95) 0%,rgba(8,26,70,.8) 55%,rgba(8,26,70,.5) 100%)!important}
  .va-hero .va-h1{font-size:clamp(52px,14vw,88px)}
}
@media (prefers-reduced-motion:reduce){.va-mini-pic img,.va-big img{transition:none}}
/* le tre foto sovrapposte di Asso: stacco col colore del fondo, così non si fondono */
.va-asso .va-pola{box-shadow:0 0 0 6px var(--va-navy)!important}
/* stessa griglia ovunque: stesso passo e linee di 1px, posizione allineata da v2.js */
#attrazioni,#ingresso .va-box,.va:has(> .va-contact){background-size:28px 28px!important;background-repeat:repeat!important}
/* pill sempre leggibili: blu sul chiaro, bianche solo sul fondo scuro (v2.js aggiunge .v2-on-dark leggendo il fondo reale) */
.va .va-eyebrow{color:var(--va-navy)!important}
.va .va-eyebrow::before{background:var(--va-red)!important}
.va .va-eyebrow.v2-on-dark{color:#fff!important}
.va .va-eyebrow.v2-on-dark::before{background:var(--va-sky)!important}
/* hero inverno: inquadratura che tiene insieme cappellino di Asso, logo sulla maglia e piste */
@media (min-width:901px){.home .va .va-hero-img{object-position:55% 45%!important}}
@media (max-width:900px){.home .va .va-hero-img{object-position:78% 40%!important}}
/* sezioni fatte solo di fasce a tutta larghezza (Dove dormire, Ingresso...): niente margine bianco sopra e sotto */
.va-sec:has(>.va-wrap>.va-stay):not(:has(>.va-wrap>:not(.va-stay))),
.va-sec:has(>.va-wrap>.va-box):not(:has(>.va-wrap>:not(.va-box))){padding-block:0!important}
.va-wrap>.va-stay+.va-stay{margin-top:0}