:root{--red:#b8322a;--ink:#2b1a12;--cream:#fbf3e4;--gold:#e8a33d;--green:#2f6b3a}
*{box-sizing:border-box;margin:0}body{font-family:Georgia,serif;color:var(--ink);background:var(--cream);line-height:1.5}
a{color:inherit;text-decoration:none}
.nav{position:sticky;top:0;z-index:9;display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem;background:var(--ink);color:var(--cream);flex-wrap:wrap;gap:.5rem}
.logo{font-weight:bold;font-size:1.2rem}nav{display:flex;gap:.9rem;align-items:center;font-size:.9rem}
#lang{background:var(--gold);border:0;border-radius:99px;padding:.3rem .7rem;font-weight:bold;cursor:pointer}
.hero{position:relative;text-align:center;padding:4.5rem 1.2rem 3.5rem;color:var(--cream);background:radial-gradient(circle at 30% 20%,#d2533f,var(--red) 50%,#7a1d17)}
.papel{position:absolute;top:0;left:0;right:0;height:26px;background:repeating-linear-gradient(90deg,var(--gold) 0 40px,var(--green) 40px 80px,#e0679a 80px 120px);clip-path:polygon(0 0,100% 0,100% 60%,95% 100%,90% 60%,85% 100%,80% 60%,75% 100%,70% 60%,65% 100%,60% 60%,55% 100%,50% 60%,45% 100%,40% 60%,35% 100%,30% 60%,25% 100%,20% 60%,15% 100%,10% 60%,5% 100%,0 60%)}
.kicker{letter-spacing:.2em;text-transform:uppercase;font-size:.8rem;color:var(--gold)}
h1{font-size:clamp(2.6rem,9vw,5rem);font-style:italic;margin:.3rem 0}.tag{max-width:34rem;margin:0 auto 1.5rem;font-size:1.15rem}
.cta{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.btn{background:var(--gold);color:var(--ink);padding:.8rem 1.4rem;border-radius:99px;font-weight:bold}.btn.ghost{background:transparent;border:2px solid currentColor;color:inherit}
section{padding:3rem 1.2rem}h2{text-align:center;font-size:2rem;color:var(--red);margin-bottom:.5rem}
.menu{max-width:960px;margin:auto;display:grid;gap:1.5rem}.note{text-align:center;font-style:italic}
.cat{background:#fff;border:2px dashed var(--gold);border-radius:14px;padding:1.2rem}
.cat h3{font-size:1.4rem;border-bottom:2px solid var(--red);padding-bottom:.3rem;margin-bottom:.6rem}
.dish{display:grid;grid-template-columns:1fr auto;margin:.8rem 0}.dish i{color:var(--green);font-size:.9rem}.dish p{grid-column:1/-1;font-size:.95rem;color:#5a4334}
.work{background:var(--ink);color:var(--cream)}.work h2{color:var(--gold)}
figure{max-width:760px;margin:auto}figure img{width:100%;border-radius:10px;border:6px solid var(--cream)}figcaption{text-align:center;margin-top:.6rem;font-style:italic}
.steps{display:grid;gap:1rem;max-width:960px;margin:auto}.steps div{background:#fff;border-radius:14px;padding:1.2rem;text-align:center}.steps span{font-size:2.4rem}
.reserve{background:var(--green);color:var(--cream);text-align:center}.reserve h2{color:var(--gold)}.reserve p{margin-bottom:1rem}.small{opacity:.8;margin-top:1rem}
footer{text-align:center;padding:1rem;background:var(--ink);color:var(--cream)}
@media(min-width:720px){.menu{grid-template-columns:1fr 1fr}.menu h2,.note{grid-column:1/-1}.steps{grid-template-columns:repeat(3,1fr)}}
.banner{grid-column:1/-1;text-align:center;background:var(--red);color:var(--cream);padding:.9rem 1rem;border-radius:12px;font-weight:bold}
.care{grid-column:1/-1;background:var(--cream);border:2px solid var(--green);border-radius:14px;padding:1.2rem}.care h3{font-size:1.3rem;color:var(--green)}
.dish i{text-align:right;padding-left:.5rem;max-width:12rem}.note{grid-column:1/-1;font-size:.9rem}