:root{--ink:#2d2018;--teal:#94ad24;--deep:#362116;--cream:#fff6e7;--paper:#fffdf8;--orange:#e99a48;--yellow:#c6d64a;--muted:#75695f;--line:#e8ddcd;--shadow:0 18px 50px rgba(65,42,22,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.5}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);background:var(--paper);position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(10,71,73,.08)}.brand{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:500}.brand strong{font-weight:800}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--teal);color:var(--yellow);border-radius:11px;font-family:Fraunces,serif;font-size:1.4rem;font-weight:800}.topbar nav{display:flex;gap:34px;font-size:.9rem;font-weight:600}.topbar nav a:hover{color:var(--orange)}.cart-button{border:0;border-radius:99px;background:var(--teal);color:white;padding:9px 10px 9px 19px;display:flex;gap:12px;align-items:center;font-weight:700}.cart-button b{display:grid;place-items:center;background:var(--yellow);color:var(--ink);width:27px;height:27px;border-radius:50%}.hero{height:min(720px,calc(100vh - 76px));min-height:580px;position:relative;overflow:hidden;background:var(--teal)}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,43,45,.98) 0%,rgba(5,43,45,.82) 35%,rgba(5,43,45,.05) 68%)}.hero-content{position:relative;z-index:2;padding:clamp(78px,10vh,120px) clamp(24px,8vw,118px);max-width:720px;color:white}.eyebrow{letter-spacing:.16em;font-size:.76rem;font-weight:800;color:var(--yellow);margin:0 0 20px}.eyebrow.dark{color:var(--orange)}h1,h2{font-family:Fraunces,serif;line-height:.97;margin:0}h1{font-size:clamp(3.5rem,6.4vw,6.5rem);letter-spacing:-.05em}h1 em{color:var(--yellow);font-style:italic}.hero-content>p:not(.eyebrow){max-width:510px;font-size:1.15rem;color:#e5eeee;margin:26px 0 34px}.primary-button{display:inline-flex;align-items:center;gap:35px;background:var(--orange);color:white;border-radius:99px;padding:15px 18px 15px 25px;font-weight:800;box-shadow:0 10px 30px rgba(244,124,72,.3);transition:.2s}.primary-button:hover{transform:translateY(-2px)}.primary-button span{font-size:1.4rem}.hero-note{position:absolute;z-index:3;right:4vw;bottom:32px;background:rgba(255,252,247,.94);padding:14px 20px;border-radius:16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}.hero-note>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--yellow);font-weight:900}.hero-note strong,.hero-note small{display:block}.hero-note small{color:var(--muted)}.menu-section{padding:100px clamp(20px,6vw,88px) 110px;max-width:1440px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:50px}.section-heading h2,.how h2,.about h2{font-size:clamp(2.8rem,5vw,5rem);letter-spacing:-.045em}.section-heading>p{max-width:480px;color:var(--muted);font-size:1.05rem}.day-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:16px;margin-bottom:18px}.day-tab{border:1px solid var(--line);background:white;color:var(--muted);border-radius:99px;padding:11px 20px;font-weight:700;white-space:nowrap}.day-tab.active{background:var(--teal);border-color:var(--teal);color:white}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.dish-card{background:white;border:1px solid var(--line);border-radius:20px;padding:24px;min-height:305px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.2s}.dish-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}.dish-card.featured{background:var(--cream)}.dish-icon{font-size:3.2rem;margin-bottom:24px}.dish-day{position:absolute;right:18px;top:18px;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.dish-card h3{font-family:Fraunces,serif;font-size:1.7rem;line-height:1.05;margin:0 0 10px}.dish-card p{color:var(--muted);margin:0 0 24px}.dish-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.dish-price{font-size:1.25rem;font-weight:800}.add-button{width:42px;height:42px;border-radius:50%;border:0;background:var(--yellow);color:var(--ink);font-size:1.5rem;font-weight:700}.add-button.added{background:var(--teal);color:white}.how{background:var(--cream);padding:100px clamp(20px,8vw,118px);text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);max-width:1100px;margin:60px auto 0}.steps article{padding:25px 50px;border-right:1px solid #e5dacc}.steps article:last-child{border:0}.steps span{font-family:Fraunces,serif;font-size:3rem;color:var(--orange);font-weight:800}.steps h3{font-size:1.15rem;margin:15px 0 8px}.steps p{color:var(--muted);margin:0}.about{background:var(--teal);color:white;padding:100px clamp(24px,8vw,118px);display:grid;grid-template-columns:1.2fr 1fr;gap:10vw;align-items:end}.about>p{font-size:1.2rem;line-height:1.7;color:#dce9e7;max-width:560px}footer{padding:34px clamp(20px,6vw,88px);display:flex;align-items:center;gap:40px}footer p{color:var(--muted);flex:1}footer small{color:var(--muted)}.drawer-backdrop{position:fixed;inset:0;background:rgba(4,30,31,.55);z-index:50}.cart-drawer{position:fixed;right:0;top:0;height:100%;width:min(440px,100%);background:var(--paper);z-index:51;padding:28px;display:flex;flex-direction:column;transform:translateX(105%);transition:transform .3s ease;box-shadow:-20px 0 60px rgba(0,0,0,.2)}.cart-drawer.open{transform:none}.drawer-header{display:flex;justify-content:space-between;align-items:start}.drawer-header h2{font-size:2.3rem}.drawer-header .eyebrow{margin-bottom:8px}.drawer-header button{border:0;background:#edf1ee;width:42px;height:42px;border-radius:50%;font-size:1.7rem}.cart-items{overflow:auto;margin:30px 0}.cart-item{display:grid;grid-template-columns:1fr auto;gap:4px;padding:17px 0;border-bottom:1px solid var(--line)}.cart-item small{color:var(--orange);font-weight:700}.cart-item strong{grid-row:1/3;grid-column:2;align-self:center}.cart-item button{grid-column:1/3;width:max-content;border:0;background:none;color:var(--muted);padding:4px 0;text-decoration:underline;font-size:.8rem}.cart-empty{text-align:center;margin:auto;color:var(--muted)}.cart-empty span{font-size:3.5rem}.cart-empty h3{color:var(--ink)}.cart-footer{border-top:1px solid var(--line);padding-top:20px;margin-top:auto}.total{display:flex;justify-content:space-between;font-size:1.2rem;margin-bottom:16px}.total strong{font-size:1.5rem}.whatsapp{width:100%;border:0;border-radius:12px;background:#20a866;color:white;padding:16px;font-weight:800}.whatsapp:disabled{background:#b9c5bf;cursor:not-allowed}.cart-footer small{display:block;text-align:center;color:var(--muted);margin-top:10px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,120px);background:var(--deep);color:white;padding:13px 20px;border-radius:99px;z-index:80;transition:.25s;box-shadow:var(--shadow)}.toast.show{transform:translate(-50%,0)}
@media(max-width:800px){.topbar nav{display:none}.hero{height:680px}.hero>img{object-position:62% center}.hero-overlay{background:linear-gradient(90deg,rgba(5,43,45,.97),rgba(5,43,45,.68))}.hero-content{padding-top:100px}.hero-note{right:18px;bottom:20px}.section-heading{display:block}.section-heading>p{margin-top:24px}.menu-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid #e5dacc}.about{grid-template-columns:1fr;gap:35px}footer{align-items:flex-start;flex-direction:column;gap:12px}footer p{margin:0}}
@media(max-width:480px){.topbar{height:68px}.cart-button span{display:none}.hero{min-height:620px;height:calc(100vh - 68px)}h1{font-size:3.3rem}.hero-content{padding:70px 22px}.hero-content>p:not(.eyebrow){font-size:1rem}.hero-note{left:18px;right:auto}.menu-section,.how{padding-top:75px;padding-bottom:75px}.dish-card{min-height:280px}.about{padding-top:75px;padding-bottom:75px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Identidad visual Fácil Food */
.topbar{height:88px;border-bottom-color:rgba(54,33,22,.09)}
.brand{display:flex;align-items:center}
.brand img{display:block;width:112px;height:72px;object-fit:contain;mix-blend-mode:multiply}
.brand-mark,.brand>span:not(.brand-mark){display:none}
.hero{height:min(720px,calc(100vh - 88px));background:var(--deep)}
.hero-overlay{background:linear-gradient(90deg,rgba(54,33,22,.98) 0%,rgba(54,33,22,.84) 35%,rgba(54,33,22,.08) 68%)}
.hero-content>p:not(.eyebrow){color:#fff7e9}
.primary-button{color:var(--deep);box-shadow:0 10px 30px rgba(233,154,72,.3)}
.dish-card.featured{background:linear-gradient(145deg,var(--cream),#f5f8df)}
.add-button{background:var(--orange);color:var(--deep)}
.about>p{color:#fbf8e9}
.drawer-backdrop{background:rgba(54,33,22,.55)}
footer{padding:25px clamp(20px,6vw,88px)}
footer .brand img{width:105px;height:76px}
@media(max-width:800px){.hero-overlay{background:linear-gradient(90deg,rgba(54,33,22,.97),rgba(54,33,22,.68))}}
@media(max-width:480px){.topbar{height:76px}.brand img{width:86px;height:62px}.hero{height:calc(100vh - 76px)}}
.about-copy{max-width:620px}.about-copy p{font-size:1.1rem;line-height:1.7;color:#fbf8e9;margin:0}.about-copy p+p{margin-top:18px}