@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#211510;--brown:#281710;--cream:#faf4e9;--orange:#e97836;--muted:#b9a897;--line:rgba(255,255,255,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.skip{position:absolute;left:-9999px;z-index:10;background:white;padding:12px}.skip:focus{left:12px;top:12px}.header{height:80px;background:var(--brown);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,88px);gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-weight:700;letter-spacing:.12em;line-height:1}.brand-mark{font-size:39px;color:var(--orange);font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:.28em;margin-top:6px;color:#b8a99c}.accent{color:var(--orange)}nav{display:flex;gap:34px;font-size:13px;color:#e9ddd2}nav a:hover,.header-call:hover{color:var(--orange)}.header-call{font-size:13px;border:1px solid #775544;padding:11px 16px;border-radius:3px}.header-call span{color:var(--orange);margin-left:10px}.hero{position:relative;min-height:650px;background:radial-gradient(circle at 72% 48%,#4a2616 0%,#2d1b14 31%,#21140f 70%);color:white;overflow:hidden;display:flex;align-items:center;padding:85px clamp(22px,9vw,155px) 100px}.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;right:0;top:4%;background:#a2461b;filter:blur(130px);opacity:.2;pointer-events:none}.hero-inner{position:relative;z-index:2;max-width:660px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.27em;font-weight:700;color:var(--orange)}.spark{font-size:17px;margin-right:7px}.hero h1,.section h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.045em}.hero h1{font-size:clamp(58px,8vw,112px);line-height:1.06;margin:27px 0}.hero em,.section h2 em{color:var(--orange);font-weight:500}.hero-inner>p{max-width:450px;color:#d7c9bd;line-height:1.8;font-size:16px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:38px}.button{padding:16px 24px;font-size:13px;font-weight:700;border-radius:3px}.primary{background:var(--orange);color:#23130e}.primary:hover{background:#f69a5b}.primary span{margin-left:20px}.secondary{border:1px solid #8b7061;color:white}.secondary:hover{background:#ffffff18}.hero-art{position:absolute;right:7%;top:12%;width:42vw;max-width:540px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#9a4f25 0%,#5b2b17 24%,#30190e 45%,#180e0b 66%,#6b351c 67%,#261610 73%);box-shadow:0 35px 90px #0e0809aa,inset 0 0 40px #e07d342a;opacity:.72;display:grid;place-items:center}.art-ring{position:absolute;border:1px solid #e88f4c44;border-radius:50%;inset:8%}.ring-two{inset:17%;border-style:dashed}.art-center{font-size:clamp(120px,22vw,310px);color:#f29c5399;line-height:1;text-shadow:0 0 55px #e86d1b}.art-caption{position:absolute;bottom:15%;right:-3%;font-size:10px;letter-spacing:.35em;line-height:1.8;color:#e9ae81}.hero-foot{position:absolute;bottom:33px;left:clamp(22px,9vw,155px);right:clamp(22px,9vw,155px);display:flex;justify-content:space-between;color:#a58d7e;font-size:10px;letter-spacing:.16em}.section{padding:110px clamp(22px,9vw,155px)}.section h2{font-size:clamp(40px,5vw,68px);line-height:1.2;margin:17px 0 24px}.intro{text-align:center;max-width:1100px;margin:auto}.intro>p:last-child{line-height:1.8;color:#68594e;max-width:610px;margin:auto}.menu{background:#f0e8db}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.edition{font-size:10px;letter-spacing:.2em;color:#9e8573;margin-bottom:26px}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 35px}.chip{border:1px solid #d3c5b5;padding:9px 15px;border-radius:30px;font-size:12px;color:#655247}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card{background:#fffaf2;overflow:hidden;box-shadow:0 10px 35px #3c25100c}.product-image{height:210px;background:radial-gradient(circle,#85502a,#392117);display:grid;place-items:center;color:#e6a365;font-size:110px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-body{padding:24px}.product-body small{color:#bb6a39;text-transform:uppercase;letter-spacing:.16em;font-size:10px}.product-body h3{font-family:Georgia,serif;font-size:23px;margin:10px 0}.product-body p{color:#6c5d52;font-size:13px;line-height:1.6;min-height:42px}.product-body strong{display:block;margin-top:20px}.empty-menu{text-align:center;border:1px solid #d3c5b5;padding:55px 22px}.empty-menu span{font-size:55px;color:var(--orange)}.empty-menu p{color:#6c5d52}.visit{background:#281710;color:white;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.visit>div>p:not(.section-kicker){color:#d1bfb0;line-height:1.8}.visit-card{border:1px solid #715140;padding:42px;background:#3a2218}.visit-card .visit-icon{font-size:34px;color:var(--orange)}.visit-card h3{font-family:Georgia,serif;font-size:27px;font-weight:400}.visit-card p{color:#d1bfb0}.visit-actions{display:flex;gap:24px;flex-wrap:wrap;margin-top:26px}.visit-actions a{color:#ed9a62;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:13px}footer{background:#1d120e;color:#b7a494;display:flex;justify-content:space-between;gap:16px;padding:28px clamp(22px,9vw,155px);font-size:12px}.js .section{opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s}.js .section.is-visible{opacity:1;transform:none}@media(max-width:900px){.hero-art{right:-22%;opacity:.28;width:75vw}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visit{gap:35px}}@media(max-width:640px){.header{height:68px}.header nav{display:none}.header-call{padding:9px 11px;font-size:12px}.brand{font-size:13px}.brand-mark{font-size:30px}.brand small{font-size:6px}.hero{min-height:650px;padding-top:70px}.hero h1{font-size:clamp(55px,13vw,82px)}.hero-art{width:100vw;right:-42%;top:19%}.hero-foot span:last-child{display:none}.section{padding:75px 23px}.section-head{display:block}.edition{display:none}.product-grid{grid-template-columns:1fr}.visit{grid-template-columns:1fr}.visit-card{padding:28px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .section{opacity:1;transform:none;transition:none}}
/* Fase 3: carta completa, movimiento y navegación accesible. */
.hero-glow{animation:ember 9s ease-in-out infinite alternate}.hero-inner{animation:arrival .85s ease-out both}.hero-art{animation:float 8s ease-in-out infinite}.ring-two{animation:turn 60s linear infinite}.product-card{border-radius:8px;transition:transform .25s,box-shadow .25s}.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #3c251020}.product-card[hidden]{display:none}.product-image:has(>span){height:85px;background:linear-gradient(120deg,#392117,#663a22);font-size:50px}.product-body{display:flex;flex-direction:column}.allergens{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.allergen{border:1px solid #d2bfad;background:#f3e9dc;border-radius:18px;padding:5px 9px;font-size:11px;color:#4b3528}.allergen-note{font-size:13px;color:#68594e;line-height:1.6;margin-top:30px}.search-label{display:block;font-size:13px;max-width:500px;margin:20px 0}.search-label input{display:block;width:100%;margin-top:9px;padding:15px 18px;border:1px solid #ccb59f;background:#fffaf2;border-radius:6px;font:inherit;color:#211510}.chip{background:transparent;cursor:pointer;font:inherit;font-size:12px}.chip.selected{background:#281710;color:#fff;border-color:#281710}.chip:focus-visible,input:focus-visible{outline:3px solid #e97836;outline-offset:3px}.chips{position:relative}.product-body strong{margin-top:auto;padding-top:20px}#menu-empty{font-size:18px;padding:28px;border:1px solid #ccb59f}@keyframes ember{from{transform:scale(.85);opacity:.18}to{transform:scale(1.2);opacity:.38}}@keyframes arrival{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-15px)}}@keyframes turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}@media(max-width:640px){.header{height:auto;min-height:78px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:14px}.header nav{display:flex;order:3;width:100%;justify-content:space-between;font-size:12px}.hero{min-height:590px}.chips{flex-wrap:nowrap;overflow:auto;padding-bottom:10px}.chip{flex-shrink:0}.product-body h3{font-size:25px}}
.brand-logo{height:56px;width:55px;object-fit:contain}.hero-logo{width:58%;height:auto;filter:drop-shadow(0 12px 30px #0006)}.brand-intro{position:fixed;inset:0;z-index:1000;background:radial-gradient(ellipse at 50% 65%,#652914,#1d120e 65%);color:#f5e6d8;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px}.brand-intro img{object-fit:contain;animation:logo-entrance .7s ease-out both}.brand-intro p{font-family:Georgia,serif;font-size:22px;margin:0}.brand-intro button{border:1px solid #9c7258;color:#fff;background:transparent;border-radius:30px;min-height:44px;padding:10px 22px;font:inherit;cursor:pointer}.brand-intro[hidden]{display:none}.brand-intro.exit{opacity:0;transition:opacity .25s}.mobile-nav{display:none}@keyframes logo-entrance{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}@media(max-width:640px){.brand-logo{height:44px;width:43px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;gap:4px;padding:10px 8px calc(10px + env(safe-area-inset-bottom));background:#281710;border-top:1px solid #775544;z-index:10;font-size:12px;color:#fff}.mobile-nav a{display:flex;align-items:center;justify-content:center;min-height:35px;padding:4px 8px}.header nav{gap:12px;font-size:12px}.header .brand{letter-spacing:.07em}body{padding-bottom:65px}.hero-art{right:-50%;opacity:.3}.hero-logo{width:60%}}[hidden]{display:none!important}