/* ========================================================
   Solo per le pagine dei vini.
   Rigenerato da Sito/migrazione/estrai_css.py:
   non modificare a mano la parte generata.
   ======================================================== */

h1,h2,h3{font-family:'Poppins',sans-serif;color:var(--crema);letter-spacing:-.02em;line-height:1.15}
.kicker{display:block;font-weight:800;color:var(--verde);font-size:.935rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:1.1rem}
.breadcrumb{max-width:1140px;margin:0 auto;padding:1.4rem clamp(1.25rem,5vw,3rem) 0}
.breadcrumb a{font-weight:700;font-size:1.045rem;color:var(--sage);text-decoration:none}
.breadcrumb a:hover{color:var(--crema)}
.hero{max-width:64ch;margin:0 auto;padding:clamp(2.5rem,6vw,4.5rem) clamp(1.25rem,5vw,3rem) 0}
.hero h1{font-size:clamp(2.3rem,5.2vw,3.6rem);font-weight:700;max-width:20ch}
.hero .sub{margin-top:1.4rem;font-size:1.32rem;color:var(--crema);opacity:.92}
section{padding:clamp(3.5rem,7vw,5.5rem) clamp(1.25rem,5vw,3rem)}
.storia{max-width:64ch;margin:0 auto}
.storia .apertura{font-size:1.32rem;color:var(--crema);margin-bottom:2.5rem}
.storia h2{font-size:clamp(1.7rem,3.4vw,2.4rem);margin:2.6rem 0 .9rem}
.storia h2:first-child{margin-top:0}
.storia h3{font-size:1.35rem;font-family:'Poppins';font-weight:600;color:var(--verde);margin:2rem 0 .6rem}
.storia p{margin-bottom:1.3rem;font-size:1.32rem;color:var(--crema)}
.storia .dato{color:var(--verde);font-weight:700}
.storia ul{margin:0 0 1.4rem 1.3rem}
.storia li{margin-bottom:.7rem;font-size:1.32rem;color:var(--crema)}
.banda{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:clamp(4rem,9vw,7rem) clamp(1.25rem,5vw,3rem);background:linear-gradient(160deg,var(--terra-scura),var(--fondo-3) 62%);border-top:1px solid var(--velo);border-bottom:1px solid var(--velo)}
.banda p{font-family:'Poppins';font-weight:700;color:var(--crema);font-size:clamp(1.7rem,4vw,2.9rem);line-height:1.2;letter-spacing:-.02em;max-width:24ch}
.dati{background:var(--fondo-3)}
.dati-wrap{max-width:64ch;margin:0 auto}
.dati h2{font-size:clamp(1.9rem,4vw,2.6rem);margin-bottom:.8rem}
.dati .intro{margin-bottom:1.8rem}
.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tabella{width:100%;border-collapse:collapse;margin-bottom:1.6rem;font-size:1.045rem}
.tabella th,.tabella td{text-align:left;padding:.8rem .85rem;border-bottom:1px solid var(--velo);vertical-align:top}
.tabella th{font-family:'Poppins';font-weight:600;color:var(--verde);font-size:.935rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.tabella td strong{color:var(--crema)}
.nota{background:var(--fondo-2);border:1px solid var(--velo);border-left:3px solid var(--verde);border-radius:var(--r);padding:1.3rem 1.5rem;margin:1.8rem 0}
.nota p{margin:0;font-size:1.1rem}
.faq{background:var(--fondo-3)}
.faq-wrap{max-width:64ch;margin:0 auto}
.faq h2{font-size:clamp(1.9rem,4vw,2.6rem);text-align:center;margin-bottom:2.2rem}
.faq details{border-top:1px solid var(--velo);padding:1.2rem 0}
.faq details:last-child{border-bottom:1px solid var(--velo)}
.faq summary{font-family:'Poppins';font-weight:600;color:var(--crema);font-size:1.265rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--verde);font-size:1.5rem;line-height:1}
.faq details[open] summary::after{content:"\2013"}
.faq details p{margin-top:.9rem;color:var(--sage)}
.beve .head{max-width:64ch;margin:0 auto 2.4rem;text-align:center}
.beve h2{font-size:clamp(1.8rem,4vw,2.6rem)}
.beve .head p{margin-top:.9rem;color:var(--sage)}
.grid-beve{max-width:980px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.card-beve{display:block;background:var(--fondo-2);border:1px solid var(--velo);border-left:3px solid var(--terra);border-radius:var(--r);padding:1.3rem 1.4rem;text-decoration:none;transition:border-left-color .25s,transform .25s cubic-bezier(.16,1,.3,1),background .25s}
.card-beve:hover{border-left-color:var(--verde);background:var(--fondo);transform:translateY(-3px)}
.card-beve .motivo{display:block;font-weight:800;font-size:.902rem;letter-spacing:.09em;text-transform:uppercase;color:var(--verde);margin-bottom:.4rem}
.card-beve .nome{display:block;font-family:'Poppins',sans-serif;font-weight:700;font-size:1.43rem;color:var(--crema);line-height:1.2;margin-bottom:.5rem}
.card-beve .perche{display:block;font-size:1.045rem;color:var(--sage)}
@media(max-width:760px){
  .grid-beve{grid-template-columns:1fr}
}
.fonti{background:var(--fondo-3)}
.fonti-wrap{max-width:64ch;margin:0 auto}
.fonti h2{font-size:1.5rem;margin-bottom:1rem}
.fonti p{font-size:1.045rem;margin-bottom:.9rem}
.fonti a{color:var(--sage);text-decoration:underline;text-underline-offset:3px}
.fonti a:hover{color:var(--crema)}
.reveal{opacity:0;translate:0 26px;transition:opacity .8s cubic-bezier(.16,1,.3,1),translate .8s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i,0)*80ms)}
.scuole{max-width:64ch;margin:2rem auto 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.scuola{background:var(--fondo-2);border:1px solid var(--velo);border-top:3px solid var(--terra);border-radius:var(--r);padding:clamp(1.2rem,2.4vw,1.6rem)}
.scuola:last-child{border-top-color:var(--verde)}
.scuola h3{font-family:'Poppins';font-weight:700;font-size:1.2rem;color:var(--crema);margin-bottom:.7rem}
.scuola ul{list-style:none;margin:0}
.scuola li{font-size:1.045rem;color:var(--sage);margin-bottom:.55rem;padding-left:1rem;position:relative}
.scuola li:before{content:'';position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--verde)}
@media(max-width:640px){
  .scuole{grid-template-columns:1fr}
}
.foto{max-width:1140px;margin:0 auto clamp(2.5rem,5vw,4rem);padding:0 clamp(1.25rem,5vw,3rem)}
.foto img{width:100%;height:clamp(240px,36vw,440px);object-fit:cover;border-radius:var(--r)}
.banda.con-foto{background:var(--fondo-3);position:relative;overflow:hidden}
.banda.con-foto>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.banda.con-foto:after{content:'';position:absolute;inset:0;background:linear-gradient(160deg,rgba(87,30,45,.88),rgba(28,43,21,.92) 68%)}
.banda.con-foto p{position:relative;z-index:2}