@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--yellow:#ffc900;--yellow2:#f5bd00;--ink:#111;--cream:#fff9ef;--muted:#6f6b64}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Nunito,Arial,sans-serif}
.site-header{height:84px;padding:10px clamp(18px,6vw,88px);display:flex;align-items:center;justify-content:space-between;background:#101010;color:white;position:sticky;top:0;z-index:10;border-bottom:3px solid var(--yellow)}
.brand{height:62px;width:62px;display:block;border-radius:50%;overflow:hidden;background:#000}.brand img{width:100%;height:100%;object-fit:cover}
.main-nav{display:flex;gap:34px}.main-nav a{color:white;text-decoration:none;font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:1px}.main-nav a:hover{color:var(--yellow)}
.cart-trigger{border:0;background:var(--yellow);padding:12px 17px;border-radius:30px;font-weight:900;cursor:pointer;display:flex;gap:12px;align-items:center}.cart-count{background:#111;color:#fff;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:12px}
.hero{min-height:490px;padding:70px clamp(22px,9vw,130px);display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;background:radial-gradient(circle at 80% 45%,#ffedb0 0,transparent 31%),var(--cream)}
.hero-copy{max-width:590px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:3px;color:#a27c00}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(56px,8vw,104px);line-height:.84;margin:18px 0;text-transform:uppercase;letter-spacing:-2px}.hero h1 span{color:#d9a900}.hero p{font-size:17px;line-height:1.7;max-width:470px;color:#555;margin:24px 0 30px}.primary-btn{display:inline-flex;align-items:center;gap:28px;padding:15px 23px;background:var(--yellow);color:#111;text-decoration:none;border-radius:4px;font-weight:900;text-transform:uppercase;letter-spacing:1px;box-shadow:5px 5px 0 #111}.primary-btn span{font-size:22px}
.hero-mark{width:min(38vw,390px);aspect-ratio:1;border-radius:50%;background:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;transform:rotate(5deg);box-shadow:16px 17px 0 var(--yellow);position:relative}.hero-circle{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(70px,10vw,125px);font-weight:900;line-height:1}.hero-circle span{color:var(--yellow)}.hero-tag{font-family:'Barlow Condensed',sans-serif;letter-spacing:8px;font-size:20px;margin-top:8px}.hero-spark{position:absolute;right:7%;top:4%;font-size:70px;color:var(--yellow)}
.menu-section{padding:72px clamp(18px,7vw,100px) 95px;background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}.section-heading h2,.how-section h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(42px,6vw,68px);line-height:1;margin:7px 0 0}.section-heading p{max-width:330px;color:var(--muted);line-height:1.6;margin:0 0 5px}
.category-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:34px 0 28px}.tab{border:1.5px solid #dedbd4;background:white;padding:11px 18px;border-radius:30px;font:800 13px Nunito;cursor:pointer}.tab.active,.tab:hover{background:var(--yellow);border-color:var(--yellow);color:#111}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{border:1px solid #e9e5dc;border-radius:10px;padding:22px;background:#fff;display:flex;flex-direction:column;min-height:240px;transition:.2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000000d;border-color:#e8bd25}.product-top{display:flex;justify-content:space-between;align-items:start;gap:10px}.product-icon{width:43px;height:43px;display:grid;place-items:center;background:#fff2bf;border-radius:12px;font-size:23px}.product-category{font-size:9px;letter-spacing:1.8px;font-weight:900;color:#a17a00;text-transform:uppercase}.product-card h3{font-size:21px;margin:13px 0 7px;font-weight:900}.product-card p{font-size:13px;line-height:1.5;color:#625f58;margin:0 0 18px;flex:1}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.price{font-size:20px;font-weight:900}.add-btn{border:0;background:#111;color:white;padding:10px 15px;border-radius:5px;font-weight:900;cursor:pointer}.add-btn:hover{background:var(--yellow);color:#111}
.how-section{padding:75px clamp(20px,8vw,110px);background:#111;color:white}.how-section .eyebrow{color:var(--yellow)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}.steps article{border-top:2px solid #444;padding:20px 10px 5px 0}.steps b{font-family:'Barlow Condensed';font-size:38px;color:var(--yellow)}.steps h3{font-size:20px;margin:7px 0}.steps p{color:#bbb;font-size:14px;line-height:1.6;max-width:280px}
.site-footer{background:#080808;color:white;padding:27px clamp(20px,7vw,100px);display:flex;align-items:center;gap:17px}.site-footer img{width:56px;height:56px;object-fit:cover;border-radius:50%}.site-footer strong{font-family:'Barlow Condensed';letter-spacing:2px}.site-footer p{margin:4px 0 0;color:#aaa;font-size:12px}.site-footer>a{margin-left:auto;color:var(--yellow);font-weight:800;text-decoration:none;font-size:14px}
.overlay{position:fixed;inset:0;background:#0009;z-index:19}.cart-panel{position:fixed;z-index:20;right:0;top:0;height:100dvh;width:min(470px,100%);background:#fff;transform:translateX(105%);transition:transform .28s ease;display:flex;flex-direction:column;padding:25px;box-shadow:-15px 0 50px #0002}.cart-panel.open{transform:translateX(0)}.cart-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:17px}.cart-header h2{font-family:'Barlow Condensed';font-size:34px;margin:4px 0}.cart-header h2 span{font:700 14px Nunito;color:#888}.icon-btn{border:0;background:#f4f1eb;width:38px;height:38px;border-radius:50%;font-size:27px;cursor:pointer}.cart-items{overflow:auto;flex:1;padding:10px 0}.empty-cart{text-align:center;color:#888;padding:45px 15px;line-height:1.6}.cart-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px 0;border-bottom:1px solid #eee}.cart-row h4{margin:0 0 4px;font-size:14px}.cart-row small{color:#888}.cart-row-price{font-weight:900}.qty-controls{display:flex;align-items:center;gap:10px;margin-top:9px}.qty-controls button{border:0;background:#f2eee5;width:25px;height:25px;border-radius:50%;font-weight:900;cursor:pointer}.remove-btn{background:none!important;color:#a33;font-size:17px}.cart-bottom{border-top:1px solid #eee;padding-top:14px}.total-line{display:flex;justify-content:space-between;align-items:center;font-size:16px;margin-bottom:14px}.total-line strong{font-size:25px}.field-label{display:block;font-size:11px;font-weight:900;margin:10px 0 5px}.field-label small{font-weight:600;color:#888}.cart-bottom input,.cart-bottom textarea{width:100%;border:1px solid #ddd;border-radius:6px;padding:10px;font:13px Nunito;resize:vertical}.whatsapp-btn{width:100%;border:0;background:#19b65b;color:white;padding:15px;border-radius:6px;font:900 14px Nunito;margin-top:14px;cursor:pointer}.whatsapp-btn:hover{background:#128c46}.whatsapp-btn span{font-size:18px;margin-left:6px}.cart-note{font-size:10px;line-height:1.5;color:#888;margin:8px 0 0}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#111;color:#fff;padding:12px 18px;border-radius:30px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){.hero{min-height:420px}.hero-mark{width:32vw}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{align-items:start;flex-direction:column}.section-heading p{max-width:500px}}
@media(max-width:560px){.site-header{height:72px}.brand{width:52px;height:52px}.main-nav{gap:13px}.main-nav a{font-size:10px;letter-spacing:.5px}.cart-trigger{padding:9px 11px;font-size:11px}.hero{padding-top:55px;padding-bottom:55px;min-height:0}.hero-mark{width:100px;min-width:100px;box-shadow:6px 7px 0 var(--yellow)}.hero-circle{font-size:39px}.hero-tag{font-size:7px;letter-spacing:2px}.hero-spark{font-size:25px}.hero h1{font-size:58px}.hero p{font-size:14px}.product-grid{grid-template-columns:1fr}.product-card{min-height:205px}.steps{grid-template-columns:1fr;gap:8px}.steps article{display:grid;grid-template-columns:55px 1fr;column-gap:10px;padding:14px 0}.steps b{grid-row:span 2}.steps h3{margin:0}.steps p{margin:5px 0 0;max-width:none}.site-footer{flex-wrap:wrap}.site-footer>a{width:100%;margin:8px 0 0 73px}.menu-section{padding-top:55px;padding-bottom:65px}}


/* HERO V2 — portada editorial street food */
.hero-v2{position:relative;isolation:isolate;min-height:650px;padding:78px clamp(22px,8.6vw,150px) 72px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:4vw;background:linear-gradient(110deg,#fffaf1 0%,#fff8e9 56%,#fff0c5 100%);overflow:hidden}
.hero-v2:before{content:"";position:absolute;z-index:-2;width:650px;height:650px;border-radius:50%;right:-150px;top:-260px;background:#ffcf19;opacity:.12}
.hero-v2:after{content:"";position:absolute;z-index:-2;width:420px;height:420px;border:1px solid #e8d9b4;border-radius:50%;right:25%;bottom:-340px}
.hero-grain{position:absolute;inset:0;z-index:-1;opacity:.22;pointer-events:none;background-image:radial-gradient(#bcae91 .7px,transparent .7px);background-size:17px 17px;mask-image:linear-gradient(90deg,#000,transparent 72%)}
.hero-copy{position:relative;z-index:2;max-width:650px}
.hero-kicker{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:1000;letter-spacing:3px;color:#9c7600}
.kicker-line{width:28px;height:3px;background:var(--yellow);display:inline-block}
.kicker-dot{font-size:16px;color:#111}
.hero-stamp{display:inline-flex;align-items:center;gap:8px;margin:25px 0 5px;padding:7px 12px;border:1px solid #e5d7b8;border-radius:3px;font-size:9px;line-height:1.15;letter-spacing:1.5px;color:#6c6250;transform:rotate(-2deg)}
.hero-stamp b{color:#111}.hero-stamp span{font-size:19px;color:#e5b600}
.hero-v2 h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(68px,7.6vw,112px);font-weight:900;line-height:.79;letter-spacing:-2.5px;margin:19px 0 22px;text-transform:uppercase}
.hero-v2 h1 span{color:#e1ad00}
.hero-period{color:#111!important}
.hero-v2 p{font-size:16px;line-height:1.75;max-width:445px;color:#625d54;margin:0 0 27px}
.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.hero-v2 .primary-btn{padding:17px 23px;gap:35px;border-radius:5px;box-shadow:5px 5px 0 #111;transition:transform .2s,box-shadow .2s,background .2s}
.hero-v2 .primary-btn:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 #111;background:#ffda38}
.hero-v2 .primary-btn span{font-size:25px}
.hero-secondary{display:inline-flex;align-items:center;gap:8px;color:#171717;text-decoration:none;font-size:12px;font-weight:900;border-bottom:1px solid #c9b987;padding:8px 0;transition:color .2s}
.hero-secondary:hover{color:#a47c00}.wa-dot{font-size:12px;color:#19b65b}
.hero-footnote{margin-top:58px;font-size:9px;font-weight:1000;letter-spacing:2px;color:#827965}
.hero-footnote span{color:#d5a600;margin-right:8px}
.hero-visual{position:relative;min-height:480px;display:grid;place-items:center}
.visual-halo{position:absolute;width:min(37vw,430px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffe58b 0,#ffda4d 52%,#ffc900 53%,#ffc900 58%,transparent 59%);filter:drop-shadow(18px 22px 0 rgba(17,17,17,.08));animation:haloPulse 5s ease-in-out infinite}
.hero-v2 .hero-mark{width:min(31vw,365px);aspect-ratio:1;border-radius:50%;padding:0;background:#111;box-shadow:15px 17px 0 var(--yellow);transform:rotate(4deg);overflow:visible;z-index:2;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.hero-v2 .hero-mark:hover{transform:rotate(0deg) scale(1.035)}
.hero-v2 .hero-mark img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.mark-star{position:absolute;right:-13px;top:25px;color:var(--yellow);font-size:57px;text-shadow:2px 2px 0 #111;animation:starTurn 18s linear infinite}
.visual-ring{position:absolute;border:1px dashed #d9cba9;border-radius:50%;width:min(44vw,510px);aspect-ratio:1;transform:rotate(-18deg)}
.ring-two{width:min(48vw,560px);border-style:solid;border-color:rgba(211,175,72,.25);transform:rotate(28deg)}
.floating-label{position:absolute;z-index:3;background:#fffdf7;border:1px solid #eadfca;box-shadow:5px 6px 0 #111;border-radius:5px;padding:10px 14px;font-size:9px;letter-spacing:1.3px;line-height:1.35;color:#6c6250;transform:rotate(-6deg)}
.floating-label span{float:left;font-size:23px;margin-right:9px}.floating-label b{color:#111;font-size:11px}
.label-top{top:11%;left:0}.label-bottom{bottom:12%;right:0;transform:rotate(5deg)}
.visual-side-note{position:absolute;right:-22px;top:50%;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;font-weight:1000;color:#9b843e}
.hero-bottom-swoosh{position:absolute;bottom:-64px;left:-4%;width:55%;height:100px;border-top:2px solid rgba(224,177,0,.45);border-radius:50%;transform:rotate(-5deg);pointer-events:none}
@keyframes haloPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes starTurn{to{transform:rotate(360deg)}}
@media(max-width:900px){.hero-v2{min-height:570px;padding:65px 6vw;grid-template-columns:1fr .85fr;gap:15px}.hero-v2 h1{font-size:clamp(62px,8vw,88px)}.hero-visual{min-height:380px}.visual-halo{width:36vw}.hero-v2 .hero-mark{width:30vw}.visual-ring{width:43vw}.ring-two{width:47vw}.floating-label{padding:8px 10px}.label-top{left:-10px}}
@media(max-width:620px){.hero-v2{display:flex;flex-direction:column;align-items:stretch;padding:48px 23px 55px;gap:10px}.hero-copy{max-width:none}.hero-stamp{margin-top:18px}.hero-v2 h1{font-size:clamp(65px,16vw,91px);line-height:.82;margin:17px 0}.hero-v2 p{font-size:14px;max-width:360px}.hero-actions{gap:18px}.hero-v2 .primary-btn{padding:14px 17px;gap:20px;font-size:12px}.hero-secondary{font-size:11px}.hero-footnote{margin-top:30px}.hero-visual{min-height:310px;margin-top:0}.visual-halo{width:245px}.hero-v2 .hero-mark{width:210px;box-shadow:10px 12px 0 var(--yellow)}.visual-ring{width:285px}.ring-two{width:320px}.label-top{top:8%;left:2%}.label-bottom{bottom:7%;right:2%}.visual-side-note{right:0;font-size:7px}}
@media(prefers-reduced-motion:reduce){.visual-halo,.mark-star{animation:none}.hero-v2 .hero-mark,.hero-v2 .primary-btn{transition:none}}