/* ============================================================
   Birrette in Villa — pagine interne (edizioni, birrifici, privacy, cookie)
   Caricato DOPO home-sezioni.css: stessi token, stessa curva, stesso guscio.
   22 settembre 2026
   ============================================================ */

/* ---------- menu a tutto schermo (in home sta nello <style> della pagina) ---------- */
.tasto-menu{transition:transform .25s,background .25s;cursor:pointer}
.tasto-menu:hover{transform:scale(1.04);background:#ffd645}
.tasto-menu .righe i{transition:.3s}
.tasto-menu.x .righe i:nth-child(1){transform:translateY(5.7px) rotate(45deg)}
.tasto-menu.x .righe i:nth-child(2){opacity:0}
.tasto-menu.x .righe i:nth-child(3){transform:translateY(-5.7px) rotate(-45deg)}
.pannello{position:fixed;inset:0;z-index:95;background:var(--nero);display:grid;
  grid-template-columns:1.15fr .85fr;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
.pannello.aperto{opacity:1;visibility:visible}
.voci{display:flex;flex-direction:column;justify-content:center;padding:110px clamp(24px,5vw,80px) 40px;gap:2px}
.voci a{color:var(--testo);text-decoration:none;font-family:var(--f-display);font-size:clamp(30px,5.4vw,72px);
  font-weight:800;letter-spacing:-.035em;text-transform:uppercase;line-height:1.06;padding:6px 0;
  transition:color .25s,transform .35s var(--curva);transform:translateY(26px);opacity:0}
.pannello.aperto .voci a{transform:translateY(0);opacity:1}
.pannello.aperto .voci a:nth-child(2){transition-delay:.05s}
.pannello.aperto .voci a:nth-child(3){transition-delay:.1s}
.pannello.aperto .voci a:nth-child(4){transition-delay:.15s}
.pannello.aperto .voci a:nth-child(5){transition-delay:.2s}
.voci a:hover,.voci a:focus-visible{color:var(--giallo);transform:translateX(12px)}
.voci .piede{margin-top:34px;font-size:14px;color:#b8b4ac;letter-spacing:.04em;line-height:1.8}
.pannello figure{position:relative;overflow:hidden}
.pannello figure img{width:100%;height:100%;object-fit:cover}
.pannello figcaption{position:absolute;inset:auto 0 0;padding:26px;font-size:12px;letter-spacing:.16em;
  text-transform:uppercase;color:#f4f1ea;background:linear-gradient(transparent,rgba(10,10,11,.9))}
@media(max-width:900px){
  .pannello{grid-template-columns:1fr}
  .pannello figure{display:none}
  .voci{padding:100px 24px 40px}
  .voci a{font-size:clamp(28px,8.4vw,44px)}
}
/* sulle pagine interne sotto la testata non c'e' un'illustrazione: la sfumatura blu non serve */
.interna header::before{background:linear-gradient(180deg,rgba(10,10,11,.8),transparent)}

/* ---------- testa della pagina ---------- */
.pag-testa{padding:calc(var(--h) + clamp(60px,12vh,140px)) 0 clamp(40px,7vh,80px);position:relative;overflow:hidden}
.pag-testa::before{content:"";position:absolute;inset:-20% -10% auto auto;width:min(70vw,900px);aspect-ratio:1;
  background:radial-gradient(closest-side,rgba(255,200,20,.13),transparent);pointer-events:none}
.pag-testa h1{margin-top:22px;font-size:clamp(48px,10vw,150px);line-height:.86;letter-spacing:-.045em}
.pag-intro{margin-top:clamp(22px,3.4vh,36px);max-width:52ch;font-size:clamp(16px,1.35vw,19px);
  line-height:1.7;color:#d6d2ca}

/* ---------- EDIZIONI ---------- */
.ed-elenco{padding-top:0}
.ed-blocco{display:grid;grid-template-columns:minmax(220px,.62fr) 1.38fr;gap:clamp(24px,5vw,90px);
  align-items:start;padding:clamp(48px,8vh,96px) 0;border-top:1px solid var(--filo);scroll-margin-top:90px}
.ed-blocco.rovescio{grid-template-columns:1.38fr minmax(220px,.62fr)}
.ed-blocco.rovescio .ed-locandina{order:2}
.ed-locandina .nucleo{aspect-ratio:1/1.414;overflow:hidden}
.ed-locandina img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--curva)}
.ed-locandina:hover img{transform:scale(1.035)}
.ed-indice{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:13px;letter-spacing:.12em;color:var(--giallo)}
.ed-indice span{color:#a8a49c}
.ed-corpo h2{margin-top:14px;font-size:clamp(38px,6vw,92px);line-height:.9}
.ed-dati{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:clamp(18px,3vw,54px);
  margin-top:clamp(24px,3.6vh,40px);padding:22px 0;border-top:1px solid var(--filo);border-bottom:1px solid var(--filo)}
.ed-dati dt{font-size:11.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#a8a49c}
.ed-dati dd{margin-top:8px;font-family:var(--f-display);font-size:clamp(18px,1.8vw,24px);font-weight:700;
  letter-spacing:-.015em;color:#fff}
.ed-dati dd small{display:block;margin-top:4px;font-family:var(--f-testo);font-size:14px;font-weight:500;
  letter-spacing:0;color:#c9c5bd}
.ed-nota{margin-top:22px;max-width:56ch;font-size:16px;line-height:1.7;color:#d6d2ca}
.ed-etichetta{margin-top:28px;font-size:11.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#a8a49c}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.chip{display:inline-block;padding:9px 16px;border-radius:100px;border:1px solid var(--filo-forte);
  color:#ebe7df;text-decoration:none;font-size:14.5px;font-weight:500;
  transition:background .5s var(--curva),color .5s var(--curva),border-color .5s var(--curva)}
.chip:hover,.chip:focus-visible{background:var(--giallo);border-color:var(--giallo);color:#141005}
@media(max-width:820px){
  .ed-blocco,.ed-blocco.rovescio{grid-template-columns:1fr}
  .ed-blocco.rovescio .ed-locandina{order:0}
  .ed-locandina{max-width:340px}
  .ed-dati{grid-template-columns:1fr 1fr}
}

/* ---------- BIRRIFICI ---------- */
.birr-sez{padding-top:0}
.filtri{display:flex;flex-wrap:wrap;gap:8px}
.filtro{font:inherit;font-size:14px;font-weight:600;padding:10px 18px;border-radius:100px;cursor:pointer;
  border:1px solid var(--filo-forte);background:transparent;color:#ebe7df;
  transition:background .5s var(--curva),color .5s var(--curva),border-color .5s var(--curva),transform .3s var(--curva)}
.filtro:hover{border-color:#ebe7df}
.filtro:active{transform:scale(.96)}
.filtro[aria-pressed="true"]{background:var(--giallo);border-color:var(--giallo);color:#141005}
.filtro:focus-visible,.chip:focus-visible,.birr-ed a:focus-visible{outline:2px solid var(--giallo);outline-offset:3px}
.filtri-conto{margin-top:18px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#b8b4ac}
.griglia-birr{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
  gap:14px;margin-top:30px}
.birr{display:flex;flex-direction:column;border-radius:24px;background:var(--carbone);border:1px solid var(--filo);overflow:hidden;
  scroll-margin-top:100px;transition:border-color .6s var(--curva),transform .6s var(--curva)}
.birr:hover{border-color:var(--filo-forte);transform:translateY(-4px)}
.birr[hidden]{display:none}
.birr:target{border-color:var(--giallo)}
.birr-logo{position:relative;aspect-ratio:1/.72;display:grid;place-items:center;overflow:hidden}
.birr-logo.scuro{background:#151519}
.birr-logo.chiaro{background:#f4f1ea}
/* dimensione fissa + contain: un logo alto e stretto (Radical) non allunga la scheda */
.birr-logo img{position:absolute;inset:0;margin:auto;width:68%;height:68%;object-fit:contain;
  transition:transform .8s var(--curva)}
.birr:hover .birr-logo img{transform:scale(1.06)}
.birr-sigla{font-family:var(--f-display);font-size:clamp(26px,2.6vw,36px);font-weight:800;
  letter-spacing:-.03em;text-transform:uppercase;color:#f4f1ea;text-align:center}
.birr-testo{flex:1;padding:18px 20px 20px;border-top:1px solid var(--filo)}
.birr-testo h2{font-size:clamp(19px,1.6vw,23px);line-height:1.1;letter-spacing:-.02em;text-transform:none}
.birr-volte{margin-top:6px;font-size:13px;color:#b8b4ac}
.birr-ed{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.birr-ed a{display:inline-block;padding:5px 11px;border-radius:100px;background:rgba(244,241,234,.08);
  color:#ebe7df;text-decoration:none;font-size:12.5px;font-weight:500;
  transition:background .4s var(--curva),color .4s var(--curva)}
.birr-ed a:hover{background:var(--giallo);color:#141005}

/* ---------- chiusura con invito ---------- */
.pag-chiusa{border-top:1px solid var(--filo);text-align:center}
.pag-chiusa h2{font-size:clamp(32px,5vw,72px)}
.pag-chiusa p{margin:20px auto 0;max-width:48ch;font-size:16.5px;line-height:1.7;color:#d6d2ca}
.pag-chiusa .azioni{margin-top:34px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ---------- PRIVACY e COOKIE ---------- */
.legale{padding-top:0}
.testo-legale{max-width:72ch;border-top:1px solid var(--filo);padding-top:clamp(30px,5vh,60px)}
.testo-legale h2{font-size:clamp(22px,2.4vw,32px);line-height:1.1;letter-spacing:-.02em;margin-top:clamp(36px,5vh,56px)}
.testo-legale h2:first-child{margin-top:0}
.testo-legale h3{font-family:var(--f-display);font-size:18px;font-weight:700;margin-top:24px;color:#fff}
.testo-legale p,.testo-legale li{font-size:16.5px;line-height:1.75;color:#dcd8d0}
.testo-legale p{margin-top:14px}
.testo-legale ul{margin:14px 0 0 1.2em;display:flex;flex-direction:column;gap:10px}
.testo-legale b{color:#fff}
.testo-legale a{color:var(--giallo);text-underline-offset:3px}
.testo-legale .agg{margin-top:clamp(40px,6vh,70px);font-size:14px;color:#b8b4ac}