@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600&display=swap');
:root{--cream:#f5ebd7;--dark:#163a34;--orange:#f97442;--lime:#e8ee79;--story-p:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--dark);font:16px/1.6 'DM Sans',sans-serif;overflow-x:clip}a{color:inherit}button,input{font:inherit}button{cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:700;line-height:.87;letter-spacing:-.025em;text-transform:uppercase}em{font-style:normal;color:var(--orange)}.skip{position:fixed;top:-70px;left:20px;z-index:99;background:var(--cream);padding:12px}.skip:focus{top:10px}.mast{position:absolute;inset:0 0 auto;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:28px 5vw;color:var(--cream)}.wordmark{text-decoration:none;font:700 14px/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:.02em}.wordmark b{font-size:45px;letter-spacing:-.04em}.wordmark span{font-size:12px;vertical-align:top}.nav-menu{font-size:11px;text-decoration:none;letter-spacing:.1em;border-bottom:1px solid #fff6;padding-bottom:8px}.nav-menu span{margin-left:35px}.journey{height:600svh;position:relative;background:#124c52}.viewport{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;color:var(--cream);isolation:isolate}#coast{position:absolute;inset:0;background:#5b8f95;z-index:-3}#coast canvas{width:100%;height:100%;display:block}.vignette{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#062d3480,transparent 67%),linear-gradient(0deg,#092b3970,transparent 30%)}.story-text{position:absolute;left:6vw;top:25%;width:48%;height:60%;pointer-events:none}.chapter{position:absolute;inset:0;opacity:0;transform:translateY(22px);transition:opacity .5s,transform .7s;visibility:hidden}.chapter.active{opacity:1;transform:none;visibility:visible}.chapter .kicker{color:var(--lime);margin-bottom:20px}.chapter h1,.chapter h2{font-size:clamp(70px,8vw,130px);text-shadow:0 4px 35px #122b2825}.chapter em{color:var(--lime)}.kicker{font:500 10px/1.5 'DM Sans',sans-serif;letter-spacing:.15em}.story-body{font-size:14px;line-height:1.7;margin-top:24px;max-width:300px}.story-cta{pointer-events:auto;display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid;padding:8px 0;margin-top:20px;text-decoration:none;font-size:13px}.coordinates{position:absolute;right:5vw;top:28px;display:none}.journey-bottom{position:absolute;bottom:34px;left:6vw;right:6vw;display:flex;justify-content:space-between;align-items:center;gap:30px}.scroll-label{font-size:9px;letter-spacing:.15em}.chapters-nav{display:flex;gap:12px}.chapters-nav button{border:1px solid #fff5;background:transparent;color:var(--cream);border-radius:50%;width:35px;height:35px;font:10px monospace}.chapters-nav button.active{background:var(--lime);color:var(--dark);border-color:var(--lime)}.progress{position:absolute;left:0;right:0;bottom:-13px;background:#fff3;height:2px}.progress i{display:block;height:100%;width:100%;transform:scaleX(var(--story-p));transform-origin:left;background:var(--lime)}.scene-status{position:absolute;left:6vw;bottom:110px;font:10px monospace;max-width:300px;opacity:.65}.manifesto{position:relative;padding:130px 7vw 145px;display:grid;grid-template-columns:1fr 2fr;column-gap:6vw}.manifesto h2{font-size:clamp(64px,9vw,140px)}.manifesto>p:last-of-type{grid-column:2;max-width:510px;margin-top:30px;font-size:16px}.seal{position:absolute;left:9vw;top:40%;width:150px;height:150px;border:1px solid;border-radius:50%;display:grid;place-items:center;text-align:center;font:700 22px/.95 'Barlow Condensed',Impact,sans-serif;transform:rotate(-16deg)}.menu-section{background:var(--dark);color:var(--cream);padding:110px 6vw}.menu-heading{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:30px;align-items:end;margin-bottom:80px}.menu-heading h2{font-size:clamp(70px,8vw,128px)}.menu-heading>p:last-child{font-size:12px;max-width:220px;justify-self:end}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw}.product{border-top:1px solid #d5e5c34d}.product h3{font-size:45px;margin:12px 0 20px}.product>p{max-width:300px;font-size:13px;min-height:65px;opacity:.8}.buy{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d5e5c34d;margin-top:30px;padding-top:25px}.buy b{font-size:18px}.buy button{border:0;color:var(--lime);background:none;font-size:10px;letter-spacing:.1em}.buy button span{font-size:22px;margin-left:15px}.food-art{height:260px;position:relative;width:210px;margin:25px auto 40px;filter:drop-shadow(4px 20px 10px #091a1644)}.burger i{position:absolute;left:5%;width:90%;border-radius:50%;box-shadow:inset 0 -8px 10px #4b270f22}.burger .top{top:42px;height:85px;border-radius:48% 48% 20% 20%;background:radial-gradient(ellipse at 25% 25%,#fff1b8 0 2px,transparent 3px),radial-gradient(ellipse at 70% 35%,#fff1b8 0 2px,transparent 3px),radial-gradient(ellipse at 45% 60%,#fff1b8 0 2px,transparent 3px),linear-gradient(#eac17d,#b9682d);z-index:6;transform:rotate(-7deg);transition:transform .5s}.burger .lettuce{top:126px;height:23px;background:#81a440;z-index:5;transform:rotate(5deg);border-radius:35% 60% 20% 40%}.burger .cheese{top:148px;height:20px;background:#eec84c;z-index:4;transform:rotate(-3deg);border-radius:4px}.burger .patty{top:172px;height:34px;background:repeating-linear-gradient(4deg,#56341e 0 4px,#74452a 5px 9px);z-index:3}.burger .bottom{top:210px;height:30px;background:#bd772f;z-index:2}.product:hover .burger .top{transform:translateY(-14px) rotate(-10deg)}.green .patty{background:repeating-linear-gradient(4deg,#8c8539 0 4px,#afa14e 5px 9px)}.green .cheese{background:#c3cf76}.fries i{position:absolute;width:24px;height:145px;bottom:45px;left:35px;transform:rotate(-14deg);background:linear-gradient(90deg,#dc9d34,#f7d26e 60%,#cb8c22);border-radius:6px}.fries i:nth-child(2){left:62px;bottom:62px;transform:rotate(-5deg)}.fries i:nth-child(3){left:92px;bottom:65px;transform:rotate(8deg)}.fries i:nth-child(4){left:119px;bottom:50px;transform:rotate(14deg)}.fries i:nth-child(5){left:146px;bottom:52px;transform:rotate(22deg)}.fries i:nth-child(6){left:80px;bottom:25px;transform:rotate(9deg)}.fries b{position:absolute;bottom:14px;left:22px;width:168px;height:110px;background:var(--orange);clip-path:polygon(0 0,100% 0,90% 100%,10% 100%);text-align:center;padding-top:20px;color:var(--cream);font:700 50px 'Barlow Condensed',Impact,sans-serif;transform:rotate(5deg)}.route-section{padding:120px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.route-section h2{font-size:clamp(60px,6vw,100px);margin:22px 0 30px}.route-section>div>p:last-child{max-width:400px;font-size:14px}.route-list{align-self:center}.route-list button{display:grid;grid-template-columns:45px 1fr;gap:5px 15px;text-align:left;padding:23px 0;width:100%;border:0;border-top:1px solid #163a3444;background:none;color:inherit}.route-list button.selected{color:#b24720}.route-list button span{grid-row:span 2;font:700 20px 'Barlow Condensed',Impact,sans-serif}.route-list button b{font-size:14px}.route-list button i{font-style:normal;font-size:11px}.route-list>p{margin-top:20px;font-size:11px!important;opacity:.65}.finale{padding:100px 7vw;background:var(--orange);text-align:center}.finale h2{font-size:clamp(90px,13vw,200px);margin:30px 0 45px}.finale em{color:var(--cream)}.finale a{font-size:11px;text-underline-offset:8px;letter-spacing:.08em}footer{padding:40px 6vw;display:flex;justify-content:space-between;gap:40px;font-size:10px}footer p{max-width:620px;opacity:.7}footer a{white-space:nowrap}.basket{position:fixed;bottom:22px;right:22px;z-index:15;background:var(--lime);color:var(--dark);border:0;border-radius:40px;padding:16px 24px;font-size:11px;box-shadow:0 7px 30px #001b2b33;letter-spacing:.06em}.basket span{display:inline-grid;place-items:center;border:1px solid;border-radius:50%;width:25px;height:25px;margin:0 15px}.basket[hidden]{display:none}dialog{border:0;background:var(--cream);color:var(--dark);width:min(520px,92vw);padding:40px;border-radius:8px;max-height:90svh;overflow:auto}dialog::backdrop{background:#001923b8;backdrop-filter:blur(8px)}dialog h2{font-size:75px;margin:25px 0}.close-dialog{float:right;font-size:27px;border:0;background:none;color:inherit}#cart-items{padding:0;list-style:none}#cart-items li{padding:14px 0;border-bottom:1px solid #163a3433;display:flex;gap:12px;justify-content:space-between;font-size:13px}#cart-items button{border:1px solid;background:none;border-radius:50%;color:inherit;width:27px;height:27px;flex-shrink:0}.cart-total{font-weight:600;margin-top:25px}.cart-note{font-size:12px;margin:20px 0}.empty-cart{border:1px solid;background:none;border-radius:30px;padding:12px 20px;font-size:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.scene-fallback{height:100%;background:linear-gradient(#28545c,#c78369 60%,#d0b08a);position:relative;overflow:hidden}.scene-fallback>span{position:absolute;right:10%;top:20%;color:#ffffff0d;font:120px Impact;max-width:500px;line-height:.9}.fallback-road{position:absolute;left:-10%;right:-10%;bottom:15%;height:100px;background:#464b48;transform:rotate(-10deg)}.fallback-sun{position:absolute;right:15%;top:15%;width:150px;height:150px;border-radius:50%;background:#f9c374}.fallback-truck{position:absolute;right:12%;bottom:28%;width:230px;height:140px;background:#d8603d;border-radius:16px 40px 4px 4px;z-index:2;box-shadow:0 9px #f4deab;transform:rotate(-8deg)}.fallback-truck:before,.fallback-truck:after{content:'';position:absolute;bottom:-35px;width:50px;height:50px;background:#173732;border:12px solid #173732;box-shadow:inset 0 0 0 10px #b6beb0;border-radius:50%}.fallback-truck:before{left:25px}.fallback-truck:after{right:25px}.fallback-truck i{display:block;width:150px;height:70px;background:#243c37;margin:15px;border:5px solid #f0d8a7}.fallback-truck b{color:#f0d8a7;font:15px Impact;position:absolute;left:22px;bottom:10px}.webgl-ready .scene-fallback{display:none}.reduced-motion .journey{height:100svh}.reduced-motion .chapter:not(:first-child){display:none}.reduced-motion .chapters-nav{display:none}.reduced-motion .scroll-label{font-size:0}.reduced-motion .scroll-label:after{content:'CONTINÚA HACIA LA CARTA ↓';font-size:10px}.reduced-motion .story-cta{display:none}@media(min-width:1600px){.story-text{top:23%}}@media(max-width:720px){.mast{padding:24px 6vw}.nav-menu span{margin-left:16px}.viewport{min-height:660px}.journey{height:560svh}.story-text{top:17%;left:7vw;width:86%;height:40%}.chapter h1,.chapter h2{font-size:clamp(62px,15.8vw,88px);line-height:.88}.chapter .kicker{font-size:8px;letter-spacing:.12em;margin-bottom:17px}.story-body{font-size:12px;margin-top:18px;max-width:240px}.story-cta{font-size:11px;gap:15px;margin-top:10px}.journey-bottom{bottom:25px;left:7vw;right:7vw;gap:12px}.scroll-label{font-size:7px;max-width:130px}.chapters-nav{gap:7px}.chapters-nav button{width:28px;height:28px;font-size:9px}.vignette{background:linear-gradient(180deg,#0a2e394d,transparent 70%),linear-gradient(0deg,#092b394d,transparent 35%)}.scene-status{bottom:90px;max-width:230px;font-size:8px}.manifesto{padding:80px 7vw;display:block}.manifesto h2{font-size:65px;margin-top:25px}.manifesto>p:last-of-type{font-size:14px;max-width:300px}.seal{position:relative;left:auto;top:auto;width:95px;height:95px;font-size:15px;margin-top:35px}.menu-section{padding:75px 7vw}.menu-heading{display:block;margin-bottom:50px}.menu-heading h2{font-size:78px;margin:25px 0}.menu-grid{grid-template-columns:1fr;gap:50px}.product h3{font-size:48px}.product>p{min-height:0;max-width:300px}.food-art{height:220px;transform:scale(.85);margin:0 auto 20px}.route-section{padding:80px 7vw;grid-template-columns:1fr;gap:40px}.route-section h2{font-size:65px}.finale{padding:75px 7vw}.finale h2{font-size:90px}.finale a{font-size:9px}footer{flex-direction:column;padding:35px 7vw 100px;gap:15px}.fallback-truck{right:5%;bottom:23%;transform:rotate(-8deg) scale(.8)}.fallback-sun{width:100px;height:100px;right:9%;top:45%}.fallback-road{bottom:20%;height:70px}.scene-fallback>span{display:none}.basket{right:15px;bottom:15px;padding:12px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.journey{height:100svh}.chapter:not(:first-child){display:none}.chapters-nav{display:none}.scroll-label{font-size:0}.scroll-label:after{content:'CONTINÚA HACIA LA CARTA ↓';font-size:9px}.product:hover .burger .top{transform:rotate(-7deg)}}


@media(prefers-reduced-motion:reduce){.reduced-motion .journey,.journey{height:auto}.viewport{position:relative;height:auto;min-height:0;background:#163a34}#coast{height:550px}.story-text{position:relative;top:auto;left:auto;width:100%;height:auto;padding:570px 7vw 60px}.chapter,.chapter.active,.reduced-motion .chapter:not(:first-child),.chapter:not(:first-child){position:relative;display:block;opacity:1;visibility:visible;transform:none;margin:0 0 65px}.chapter h1,.chapter h2{font-size:clamp(50px,7vw,85px)}.coordinates,.journey-bottom,.scene-status{display:none}.reduced-motion .story-cta{display:inline-flex}}