/* ========================================================
   Solo per la pagina «piatti». Ogni pagina di servizio ha il suo foglio: non sono istanze di un modello e hanno perfino intestazioni diverse fra loro.
   Rigenerato da Sito/migrazione/estrai_css.py:
   non modificare a mano la parte generata.
   ======================================================== */

.slats{display:flex;flex-direction:column;gap:3px;width:22px}
.slats i{display:block;height:3px;border-radius:2px}
.slats i:nth-child(1){background:var(--verde);width:100%}
.slats i:nth-child(2){background:var(--terra);width:75%;margin-left:25%}
.slats i:nth-child(3){background:var(--verde);width:100%}
.nav-links a{text-decoration:none;color:var(--sage);transition:color .2s}
.nav-links a:hover{color:var(--verde)}
.hero{padding:clamp(4rem,10vw,7rem) clamp(1.25rem,5vw,3rem) clamp(2rem,5vw,4rem);text-align:center;max-width:820px;margin:0 auto}
.hero .kicker{display:inline-block;font-family:'Poppins',sans-serif;font-weight:600;font-size:.935rem;letter-spacing:.1em;text-transform:uppercase;color:var(--verde);margin-bottom:1.2rem}
.hero h1{font-size:clamp(2rem,5vw,3.2rem);margin-bottom:1rem}
.hero p{font-size:1.265rem;color:var(--sage);max-width:560px;margin:0 auto}
.hero .conta{font-family:'Poppins',sans-serif;font-weight:700;font-size:clamp(3rem,8vw,5rem);color:var(--verde);line-height:1;margin-bottom:.4rem}
.griglia{max-width:1140px;margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem) clamp(4rem,8vw,6rem);display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}
.card-piatto{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}
.card-piatto:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(0,0,0,.4)}
.card-piatto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.card-piatto:hover img{transform:scale(1.05)}
.card-piatto .velo{position:relative;z-index:2;padding:1.5rem 1.6rem;background:linear-gradient(transparent,rgba(28,43,21,.88) 40%)}
.card-piatto .nome{display:block;font-family:'Poppins',sans-serif;font-weight:700;font-size:1.5rem;color:var(--crema);line-height:1.2;margin-bottom:.3rem}
.card-piatto .tagline{display:block;font-size:1.045rem;color:var(--sage);line-height:1.4}
.proponi-wrap{max-width:1140px;margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem) clamp(4rem,8vw,6rem);text-align:center}
.proponi-box{background:var(--fondo-2);border-radius:var(--r);padding:clamp(2rem,5vw,3.5rem);border:1px solid rgba(246,241,231,.08)}
.proponi-box h2{font-size:clamp(1.4rem,3vw,2rem);margin-bottom:.8rem}
.proponi-box p{color:var(--sage);max-width:480px;margin:0 auto 1.6rem}
.btn-proponi{display:inline-flex;align-items:center;gap:.5rem;background:var(--terra);color:var(--crema);font-family:'Poppins',sans-serif;font-weight:700;font-size:1.1rem;padding:.85rem 2rem;border-radius:var(--r);text-decoration:none;transition:background .2s}
.btn-proponi:hover{background:var(--terra-scura)}
@media(max-width:480px){
  .griglia{grid-template-columns:1fr}
  .nav-links{gap:1rem;font-size:.935rem}
}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease;transition-delay:calc(var(--i,0) * .1s)}
.reveal.in{opacity:1;transform:none}