@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,300;12..96,400;12..96,500;12..96,600;12..96,700&family=DM+Mono:wght@400;500&display=swap";:root{--bg:#f1ebde;--bg-2:#e8e0cd;--ink:#211a10;--ink-soft:#6a5a3f;--verde:oklch(62% .13 145);--amarillo:oklch(78% .14 78);--rojo:oklch(58% .16 30);--ring:#211a101f}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);min-height:100%;color:var(--ink);font-feature-settings:"ss01";-webkit-font-smoothing:antialiased;font-family:Bricolage Grotesque,system-ui,sans-serif}body:before{content:"";pointer-events:none;mix-blend-mode:multiply;opacity:.6;z-index:0;background-image:radial-gradient(#211a100a 1px,#0000 1px),radial-gradient(#211a1008 1px,#0000 1px);background-position:0 0,1px 2px;background-size:3px 3px,7px 7px;position:fixed;inset:0}#root{z-index:1;position:relative}.loader-stage{grid-template-rows:auto 1fr auto;width:min(92vw,900px);height:100vh;margin:0 auto;padding:clamp(20px,3vw,40px);display:grid;position:relative}.top{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;align-items:flex-start;font-family:DM Mono,ui-monospace,monospace;font-size:11px;display:flex}.brand{align-items:center;gap:10px;display:flex}.dot{background:var(--ink);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.05)}}.meta{text-align:right;line-height:1.5}.plate-wrap{place-items:center;padding:clamp(28px,5vh,64px) 0;display:grid;position:relative}.plate-box{--size:min(48vh, 440px);width:var(--size);height:var(--size);position:relative}.plate{width:100%;height:100%;position:relative}.plate svg{width:100%;height:100%;overflow:visible}.plate:before{content:"";filter:blur(8px);z-index:-1;background:radial-gradient(circle at 50% 55%,#211a1014,#0000 65%);border-radius:50%;position:absolute;inset:-4%}.labels{pointer-events:none;position:absolute;inset:0}.label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink);opacity:0;white-space:nowrap;align-items:center;gap:8px;font-family:DM Mono,ui-monospace,monospace;font-size:10.5px;transition:opacity .5s;display:flex;position:absolute}.label.on{opacity:1}.swatch{border-radius:2px;flex-shrink:0;width:8px;height:8px}.label.verde{top:-6%;left:35%;transform:translate(-50%,-100%)}.label.cereales{top:50%;left:102%;transform:translateY(-50%)}.label.proteina{top:106%;left:18%;transform:translate(-50%)}.label.verde .swatch{background:var(--verde)}.label.cereales .swatch{background:var(--amarillo)}.label.proteina .swatch{background:var(--rojo);order:2}.label:before{content:"";background:var(--ink);opacity:.3;position:absolute}.label.verde:before{width:1px;height:22px;margin-top:2px;top:100%;left:50%}.label.cereales:before{width:22px;height:1px;margin-right:8px;top:50%;right:100%}.label.proteina:before{width:1px;height:22px;margin-bottom:2px;bottom:100%;left:50%}.foods{letter-spacing:.06em;text-transform:uppercase;color:#f1ebdef2;text-align:center;pointer-events:none;gap:2px;font-family:DM Mono,ui-monospace,monospace;font-size:clamp(8.5px,1vw,10.5px);line-height:1.4;display:grid;position:absolute;transform:translate(-50%,-50%)}.foods span{opacity:0;transition:opacity .35s,transform .35s;display:block;transform:translateY(4px)}.foods.on span{opacity:.95;transform:translateY(0)}.foods.on span:first-child{transition-delay:50ms}.foods.on span:nth-child(2){transition-delay:.18s}.foods.on span:nth-child(3){transition-delay:.31s}.foods span:before{content:"";opacity:.5;vertical-align:middle;background:currentColor;border-radius:50%;width:3px;height:3px;margin-right:6px;display:inline-block;transform:translateY(-1px)}.foods-verde{top:28%;left:36%}.foods-cereales{top:50%;left:72%}.foods-proteina{top:72%;left:36%}.hub{background:var(--bg);width:56px;height:56px;box-shadow:0 0 0 1px var(--ring);border-radius:50%;place-items:center;transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.hub.on{transform:translate(-50%,-50%)scale(1)}.hub:after{content:"";background:var(--ink);border-radius:50%;width:6px;height:6px}.bottom{grid-template-columns:1fr auto;align-items:end;gap:24px;display:grid}.title{letter-spacing:-.025em;color:var(--ink);font-variation-settings:"opsz" 96;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(28px,4.5vw,52px);font-weight:500;line-height:.95}.title em{color:var(--verde);font-style:italic;font-weight:400}.subtitle{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-top:10px;font-family:DM Mono,monospace;font-size:11px}.progress{text-align:right;width:clamp(180px,22vw,260px)}.num{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-variation-settings:"opsz" 96;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(32px,4vw,44px);font-weight:400;line-height:1}.sym{color:var(--ink-soft);margin-left:4px;font-size:.6em}.bar{background:var(--ring);height:2px;margin-top:14px;position:relative;overflow:hidden}.bar>i{background:var(--ink);transition:right .3s;position:absolute;inset:0 100% 0 0}.stage-name{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);min-height:14px;margin-top:10px;font-family:DM Mono,monospace;font-size:10.5px}.fade-in{opacity:0;animation:.8s .1s forwards rise;transform:translateY(8px)}.fade-in.d2{animation-delay:.25s}.fade-in.d3{animation-delay:.4s}.fade-in.d4{animation-delay:.55s}@keyframes rise{to{opacity:1;transform:translateY(0)}}.navbar{z-index:50;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--ring);background:#f1ebded9;justify-content:space-between;align-items:center;padding:14px clamp(20px,4vw,48px);display:flex;position:fixed;top:0;left:0;right:0}.logo{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:8px;font-family:Bricolage Grotesque,sans-serif;font-size:18px;font-weight:600;text-decoration:none;display:inline-flex}.logo .amp{color:var(--rojo);font-weight:500}.logo:before{content:"";background:conic-gradient(from -90deg, var(--verde) 0 33.3%, var(--amarillo) 33.3% 66.6%, var(--rojo) 66.6% 100%);border-radius:50%;flex-shrink:0;width:14px;height:14px}.nav-links{letter-spacing:.1em;text-transform:uppercase;gap:clamp(14px,2.4vw,32px);font-family:DM Mono,monospace;font-size:11px;list-style:none;display:flex}.nav-links a{color:var(--ink-soft);text-decoration:none;transition:color .2s;position:relative}.nav-links a:hover{color:var(--ink)}.nav-links a:after{content:"";background:var(--ink);width:0;height:1px;transition:width .25s;position:absolute;bottom:-6px;left:0}.nav-links a:hover:after{width:100%}.nav-cta{background:var(--ink);color:var(--bg);letter-spacing:.1em;text-transform:uppercase;padding:10px 16px;font-family:DM Mono,monospace;font-size:11px;text-decoration:none;transition:background .2s}.nav-cta:hover{background:var(--rojo)}@media (width<=760px){.nav-links{display:none}}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(28px,4vw,64px);max-width:1280px;margin:0 auto;padding:clamp(120px,18vh,180px) clamp(20px,5vw,80px) clamp(48px,8vh,96px);display:grid}@media (width<=880px){.hero{text-align:center;grid-template-columns:1fr;justify-items:center}.hero p{margin:0 auto}.hero-actions{justify-content:center}}.kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-family:DM Mono,monospace;font-size:11px}.hero h1{letter-spacing:-.035em;font-variation-settings:"opsz" 96;margin:16px 0 20px;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(44px,7vw,96px);font-weight:500;line-height:.95}.hero h1 em{color:var(--verde);font-style:italic;font-weight:400}.hero p{color:var(--ink-soft);max-width:44ch;font-size:clamp(15px,1.3vw,19px);line-height:1.5}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.btn{letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--ink);cursor:pointer;background:0 0;align-items:center;gap:10px;padding:14px 22px;font-family:DM Mono,monospace;font-size:11px;text-decoration:none;transition:transform .2s,background .2s,color .2s;display:inline-flex}.btn-primary{background:var(--ink);color:var(--bg)}.btn-primary:hover{background:var(--rojo);border-color:var(--rojo);transform:translateY(-1px)}.btn-ghost{color:var(--ink);background:0 0}.btn-ghost:hover{background:var(--ink);color:var(--bg)}.hero-visual{justify-content:center;align-items:center;width:100%;max-width:460px;margin:0 auto;display:flex}.hero-visual img{object-fit:contain;border-radius:50%;width:100%;height:auto;animation:6s ease-in-out infinite floatPlate;display:block;box-shadow:0 0 0 6px #ffffffa6,0 28px 72px -16px #211a1047}@keyframes floatPlate{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (width<=880px){.hero-visual{max-width:320px;margin-top:8px}}@media (width<=540px){.hero-visual{max-width:240px}}.section{max-width:1280px;margin:0 auto;padding:clamp(56px,10vh,120px) clamp(20px,5vw,80px)}.section-head{max-width:720px;margin-bottom:clamp(28px,5vh,56px)}.section-head .kicker{margin-bottom:14px;display:inline-block}.section-head h2{letter-spacing:-.03em;font-variation-settings:"opsz" 96;margin-bottom:16px;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(32px,5vw,64px);font-weight:500;line-height:.95}.section-head h2 em{color:var(--verde);font-style:italic;font-weight:400}.section-head p{color:var(--ink-soft);font-size:clamp(14px,1.2vw,17px);line-height:1.5}.dish-grid{grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.5vw,22px);display:grid}@media (width<=1000px){.dish-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.dish-grid{grid-template-columns:1fr}}.dish-card{background:var(--bg);border:1px solid var(--ring);flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;position:relative}.dish-card:hover{transform:translateY(-4px);box-shadow:0 14px 40px -18px #211a1040}.dish-card:before{content:"";background:var(--accent);z-index:2;height:3px;position:absolute;top:0;left:0;right:0}.dish-card[data-color=verde]{--accent:var(--verde)}.dish-card[data-color=amarillo]{--accent:var(--amarillo)}.dish-card[data-color=rojo]{--accent:var(--rojo)}.dish-card[data-color=azul]{--accent:oklch(60% .12 230)}.dish-img{aspect-ratio:4/3;background:var(--bg-2);overflow:hidden}.dish-img img{object-fit:cover;width:100%;height:100%;display:block}.dish-body{flex-direction:column;flex:1;gap:10px;padding:18px 18px 20px;display:flex}.dish-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-family:DM Mono,monospace;font-size:10px}.dish-body h3{letter-spacing:-.02em;font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:500;line-height:1.05}.dish-body p{color:var(--ink-soft);flex:1;font-size:13.5px;line-height:1.45}.dish-foot{border-top:1px solid var(--ring);justify-content:space-between;align-items:baseline;margin-top:6px;padding-top:12px;display:flex}.dish-price{letter-spacing:-.02em;font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:500}.dish-price small{color:var(--ink-soft);letter-spacing:.1em;margin-left:4px;font-family:DM Mono,monospace;font-size:10px}.add-btn{border:1px solid var(--ink);color:var(--ink);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;padding:6px 10px;font-family:DM Mono,monospace;font-size:10px;transition:background .2s,color .2s}.add-btn:hover{background:var(--ink);color:var(--bg)}.secret-section{background:var(--ink);color:var(--bg);width:100%;max-width:none;padding-left:0;padding-right:0}.secret-section .section-head{color:var(--bg);margin:0 auto;padding:clamp(56px,10vh,120px) clamp(20px,5vw,80px)}.secret-section .section-head h2 em{color:var(--amarillo)}.secret-section .kicker{color:#f1ebde99}.secret-section .section-head p{color:#f1ebdeb3}.btn-secret{background:var(--bg);color:var(--ink);border-color:var(--bg);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--bg);cursor:pointer;align-items:center;gap:12px;margin-top:24px;padding:14px 22px;font-family:DM Mono,monospace;font-size:11px;transition:background .2s,color .2s;display:inline-flex}.btn-secret:hover{background:var(--amarillo);border-color:var(--amarillo);color:var(--ink)}.btn-secret:before{content:"";background:linear-gradient(currentColor,currentColor) 50%/100% 1px no-repeat,linear-gradient(currentColor,currentColor) 50%/1px 100% no-repeat;width:14px;height:14px;display:inline-block}.combinador{background:var(--bg-2);border:1px solid var(--ring);gap:28px;padding:clamp(24px,3vw,40px);display:grid}.combo-cols{grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px);display:grid}@media (width<=720px){.combo-cols{grid-template-columns:1fr}}.combo-col{gap:8px;display:grid}.combo-col label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-family:DM Mono,monospace;font-size:10.5px}.combo-col select{appearance:none;background:var(--bg);border:1px solid var(--ring);color:var(--ink);cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 14px);background-repeat:no-repeat;background-size:6px 6px;padding:14px 40px 14px 16px;font-family:Bricolage Grotesque,sans-serif;font-size:17px;transition:border-color .2s}.combo-col select:focus{border-color:var(--ink);outline:none}.combo-result{background:var(--bg);border:1px dashed var(--ring);align-items:flex-start;gap:18px;min-height:110px;padding:22px;transition:border-color .3s,background .3s;display:flex}.combo-result.ready{border-style:solid;border-color:var(--verde);background:oklch(from var(--verde) .96 .04 h)}.result-icon{background:var(--ring);width:36px;height:36px;color:var(--ink-soft);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;transition:background .3s,color .3s;display:grid}.combo-result.ready .result-icon{background:var(--verde);color:var(--bg)}.combo-result strong{letter-spacing:-.01em;margin-bottom:6px;font-family:Bricolage Grotesque,sans-serif;font-size:18px;font-weight:500;display:block}.combo-result p{color:var(--ink-soft);font-size:14px;line-height:1.5}.hidrata-section{background:oklch(from var(--verde) .96 .04 h);width:100%;max-width:none;padding-left:0;padding-right:0}.hidrata-section .section-head{max-width:1280px;margin:0 auto clamp(28px,5vh,56px);padding:0 clamp(20px,5vw,80px)}.hidrata-wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,5vw,80px) clamp(56px,10vh,120px)}.hidrata{grid-template-columns:1fr 1.2fr;align-items:stretch;gap:clamp(16px,2vw,28px);display:grid}@media (width<=820px){.hidrata{grid-template-columns:1fr}}.hidrata-form{background:var(--bg);border:1px solid var(--ring);align-content:start;gap:18px;padding:clamp(20px,2.5vw,32px);display:grid}.field{gap:8px;display:grid}.field label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-family:DM Mono,monospace;font-size:10.5px}.input-row{border:1px solid var(--ring);background:var(--bg);align-items:center;gap:10px;padding:4px 14px;display:flex}.input-row:focus-within{border-color:var(--ink)}.input-row input{color:var(--ink);-moz-appearance:textfield;background:0 0;border:0;outline:none;flex:1;padding:12px 0;font-family:Bricolage Grotesque,sans-serif;font-size:22px}.input-row input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.unit{letter-spacing:.1em;color:var(--ink-soft);font-family:DM Mono,monospace;font-size:12px}.hidrata-result{background:var(--ink);color:var(--bg);align-content:space-between;gap:18px;padding:clamp(20px,2.5vw,32px);display:grid}.hidrata-result .kicker{letter-spacing:.12em;text-transform:uppercase;color:#f1ebde99;font-family:DM Mono,monospace;font-size:10.5px}.liters{letter-spacing:-.05em;font-variation-settings:"opsz" 96;color:var(--bg);font-family:Bricolage Grotesque,sans-serif;font-size:clamp(64px,10vw,120px);font-weight:500;line-height:.9}.lts-unit{color:var(--amarillo);margin-left:8px;font-size:.35em}.hidrata-result p{color:#f1ebded9;max-width:38ch;font-size:14.5px;line-height:1.5}.liter-bar{background:#f1ebde26;height:3px;margin-top:4px;position:relative}.liter-bar>i{background:var(--amarillo);width:0;transition:width .6s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.footer{background:var(--ink);color:var(--bg);padding:clamp(48px,8vh,80px) clamp(20px,5vw,80px) 28px}.foot-cols{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:clamp(20px,3vw,48px);max-width:1280px;margin:0 auto;display:grid}@media (width<=760px){.foot-cols{grid-template-columns:repeat(2,1fr)}}.footer .logo{color:var(--bg);font-size:22px}.footer .logo:before{width:18px;height:18px}.footer .kicker{letter-spacing:.12em;text-transform:uppercase;color:#f1ebde8c;margin-bottom:12px;font-family:DM Mono,monospace;font-size:10.5px;display:block}.footer p{color:#f1ebded9;font-size:14px;line-height:1.55}.footer .small{margin-top:14px;font-size:14px}.social{gap:6px;list-style:none;display:grid}.social a{color:var(--bg);font-size:14px;text-decoration:none;transition:color .2s}.social a:hover{color:var(--amarillo)}.foot-base{letter-spacing:.1em;text-transform:uppercase;color:#f1ebde80;border-top:1px solid #f1ebde26;flex-wrap:wrap;justify-content:space-between;gap:12px;max-width:1280px;margin:48px auto 0;padding-top:22px;font-family:DM Mono,monospace;font-size:10.5px;display:flex}.modal{z-index:100;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal.open{display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#211a108c;animation:.3s fadeIn;position:absolute;inset:0}.modal-card{background:var(--bg);border:1px solid var(--ring);width:min(880px,100%);max-height:90vh;padding:clamp(24px,3vw,40px);animation:.4s cubic-bezier(.2,.7,.2,1) modalRise;position:relative;overflow:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalRise{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-card header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.modal-card .kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--rojo);font-family:DM Mono,monospace;font-size:10.5px}.modal-close{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:28px;line-height:1}.modal-card h2{letter-spacing:-.025em;font-variation-settings:"opsz" 96;margin-bottom:10px;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(28px,4vw,44px);font-weight:500;line-height:.98}.modal-card h2 em{color:var(--amarillo);font-style:italic;font-weight:400}.modal-card>p{color:var(--ink-soft);max-width:56ch;margin-bottom:24px;font-size:14.5px;line-height:1.5}.secret-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=700px){.secret-grid{grid-template-columns:1fr}}.secret-card{background:var(--bg-2);border:1px solid var(--ring);gap:8px;padding:18px;display:grid}.secret-no{color:var(--rojo);letter-spacing:-.02em;font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:500}.secret-card h4{letter-spacing:-.01em;font-family:Bricolage Grotesque,sans-serif;font-size:17px;font-weight:500}.secret-card p{color:var(--ink-soft);font-size:13px;line-height:1.45}.ing-list{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-top:4px;font-family:DM Mono,monospace;font-size:10px}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(20px)}.reveal.on{opacity:1;transform:translateY(0)}.hidrata-section-inner{padding-top:clamp(56px,10vh,120px)}