/* El Platanón · verde profundo, amarillo maduro y marfil. */
:root{--green:#165b37;--ink:#153a29;--muted:#536c5c;--paper:#fffaf0;--line:#d9dfce;--lime:#fff0ad;color-scheme:light}
html{scroll-padding-top:30px}body{background:#fffaf0!important;color:#153a29!important}body:before{display:none!important}
.app{background:transparent!important}.app p{line-height:1.75}.app :is(h1,h2,h3,h4){font-family:Manrope,Arial,sans-serif}.app :is(button,a){touch-action:manipulation}
.app .announcement{background:#ffcf24!important;color:#123821!important;padding:0!important;min-height:40px;overflow:hidden;letter-spacing:1.2px;font-weight:800}
.tickerTrack{display:flex;width:max-content;animation:platanonTicker 32s linear infinite}.tickerTrack span{display:block;white-space:nowrap;padding:10px 0;margin:0!important;font-size:12px}.announcement:hover .tickerTrack{animation-play-state:paused}
@keyframes platanonTicker{to{transform:translateX(-50%)}}
.app header{background:#103a25!important;border-radius:0!important;border-color:#ffffff26!important;max-width:none;padding:18px max(28px,calc((100vw - 1280px)/2));min-height:92px}
.app header .brand{color:#fff9dc!important;font-size:24px;gap:13px}.app .restaurantLogo{width:68px;height:68px;object-fit:contain;border:0;border-radius:18px;box-shadow:none;background:transparent}.app header .brand small{font-size:10px!important;letter-spacing:1.2px;color:#e9edcf!important;max-width:270px}
.app header nav :is(button,a){color:#f8f5df!important;font-size:15px}.app header nav .active{color:#ffcf24!important}.app header :is(button,.outline){color:#fff9dc!important}.app header .bag b{background:#ffcf24;color:#103a25}.app .headright{gap:15px}
.app .hero{position:relative;max-width:none;grid-template-columns:1fr 1.1fr;min-height:680px;padding:60px max(28px,calc((100vw - 1280px)/2)) 65px;gap:45px;background:radial-gradient(ellipse at 95% 30%,#548d3c55,transparent 55%),linear-gradient(120deg,#0b2f1d,#174b2e);color:#fff9df;overflow:hidden}
.app .heroText{padding:40px 0;align-self:center;z-index:1}.app .hero h1{font-size:clamp(44px,5.4vw,78px);font-weight:900;line-height:1.05;letter-spacing:-3px;color:#fffbea;margin:24px 0}.app .hero h1 em{font-family:inherit;font-style:normal;font-weight:900;letter-spacing:-3px;color:#ffcf24!important}
.app .hero .originEyebrow{gap:8px;color:#fff0ad!important;font-size:12px!important;letter-spacing:1.4px}.app .hero .originEyebrow>svg,.app .hero .originEyebrow>span:last-child{display:none}.app .hero p{color:#e4ead8;font-size:18px;max-width:490px;margin:0 0 28px}.app .hero p br{display:none}.app .herolocation{color:#cfe0c0!important;font-size:13px!important;margin-top:30px}.app .herolocation svg{color:#ffcf24}
.app .heroVisual{padding:0;align-self:center;min-width:0}.app .hero .dishScene{display:block!important;width:100%;max-width:580px;height:570px!important;aspect-ratio:auto;overflow:hidden;border:1px solid #edda7060;border-radius:180px 180px 24px 24px;background:#103a25;box-shadow:0 28px 70px #0005;transform:rotate(2deg)!important}
.app .hero .dishScene>.plate{display:block!important;position:relative;width:100%;height:100%;border:0;border-radius:0;background:none;box-shadow:none;transform:none!important}.app .hero .plate img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 52%;border-radius:0}.app .hero .plateGlow{display:none}.app .hero .dishScene>.steam{display:block!important;opacity:.45;pointer-events:none}
.app .hero :is(.floatingTag,.foodLabel,.visualNote,.floridaSun,.heroPalm,.orbit){display:none!important}.app .ecuadorRibbon{display:none}.app .heroactions{gap:20px;align-items:center;flex-wrap:wrap}.app .heroactions .textbutton{color:#fff2ac;font-weight:700}.app .hero .primary{background:#ffcf24!important;color:#123821!important;border:0;border-radius:14px;box-shadow:0 10px 32px #ffcd2425;font-weight:900;padding:18px 26px;animation:platanonInvite 3s ease-in-out infinite}
@keyframes platanonInvite{0%,70%,100%{transform:translateY(0)}80%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}
.app .loyaltyStrip{margin:0;max-width:none;border:0;border-bottom:1px solid #dfdfc9;border-radius:0;background:#fff1b5!important;padding:26px max(28px,calc((100vw - 1280px)/2));color:#153a29;gap:20px}.app .loyaltyStrip b,.app .loyaltyStrip button{color:#153a29!important}.app .loyaltyStrip div>span{color:#3f5c43!important}.app .giftCircle,.app .miniStamps span{background:#fffaf0;color:#165b37;border-color:#9caf88}.app .miniStamps .giftStamp{background:#165b37;color:#ffcf24}
.app .menuSection{max-width:1368px;margin:0 auto;padding:65px 44px 45px}.app .sectionhead{gap:22px;align-items:flex-end}.app .sectionhead .eyebrow{color:#397445!important}.app .sectionhead h2{color:#153a29;font-size:42px}.app .search{background:#fff;border-color:#d3dcc9;color:#165b37}.app .search input{color:#153a29}.app .categories{margin:30px 0;gap:12px}.app .categories button{border:1px solid #cad5bd;background:#fffaf0;color:#365740;border-radius:100px;font-weight:700;padding:12px 20px}.app .categories button.selected{background:#165b37;color:#fff8d8;border-color:#165b37}
.app .menuLayout{grid-template-columns:minmax(0,1fr) 300px;gap:25px}.app .foodGrid{gap:25px}.app .foodCard{background:#fffdf5!important;border:1px solid #d9dfcc;border-radius:22px;overflow:hidden;padding:0 0 20px;position:relative;box-shadow:0 7px 23px #153a2908;transition:transform .25s,box-shadow .25s;color:#153a29!important}.app .foodCard:hover{transform:translateY(-5px);box-shadow:0 18px 40px #153a2914}
.app .foodCard .dishOpen{width:100%;height:320px;aspect-ratio:auto;margin:0;border:0;border-radius:0!important;background:#103a25!important;display:block}.app .foodCard .dishOpen>img{width:100%;height:100%;object-fit:cover!important;object-position:50% 49%;min-height:0}.app .foodCard .dishOpen>span{right:16px;bottom:15px;background:#113b27ee!important;color:#fff8dc!important;font-size:12px!important}
.app .foodCard .foodTop{padding:18px 22px 0}.app .foodCard h3{padding:0 22px;font-size:24px;line-height:1.25;margin:12px 0;color:#153a29}.app .foodCard p{padding:0 22px;font-size:15px;color:#4f6552!important;min-height:84px}.app .foodCard .foodBottom{padding:18px 22px 0;margin-top:0}.app .foodBottom strong{font-size:28px;color:#165b37}.app .foodBottom button{background:#ffcf24;color:#123821;min-width:48px;min-height:48px;border-radius:14px}.app .foodBadge{color:#345c38!important;background:#eef2df!important}.app .foodBadge.daily{background:#ffe585!important;color:#3e4d19!important}.app .platanonMini{position:absolute;top:17px;left:17px;width:43px;height:43px;border-radius:50%;border:2px solid #ffdf6f;box-shadow:0 3px 10px #0003;pointer-events:none}
.app .dayCard{align-self:start;position:sticky;top:20px;background:#143f28!important;color:#fff5cc!important;border:1px solid #3e7045;border-radius:24px;padding:28px}.app .dayCard :is(h3,h4,strong){color:#ffdd60!important}.app .dayCard p{color:#ebedcf!important}.app .dayCard .eyebrow{color:#ffdd60!important}.app .dayCard .primary{background:#ffcf24!important;color:#123821!important}.app .dayCard .dayIcon{display:block!important;width:100%;height:210px;background:url('/brand/mixto-brutal.webp') center 53%/cover;border-radius:18px;font-size:0}.app .dayCard h3{font-size:30px}.app .dayCard h3:before{content:'★★★★★';display:block;color:#ffcf24;letter-spacing:4px;font-size:18px;margin:15px 0;animation:platanonShine 3s infinite}.app .dayCard .dayIcon{margin:20px 0}.app .menuNote{color:#536c5c!important}
@keyframes platanonShine{50%{text-shadow:0 0 15px #ffcf2470}}
.app .truckStory{max-width:1280px;margin:30px auto 70px;background:#eaf0d9;border:0;border-radius:28px;overflow:hidden;color:#153a29}.app .truckPhotoWrap{width:100%;min-height:440px}.app .truckPhotoWrap img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%}.app .truckStoryText{padding:45px}.app .truckStoryText h2{font-size:42px;color:#153a29}.app .truckStoryText em{color:#397445}.app .truckStoryText p{color:#4e624d}.app .photoStamp{background:#ffcf24;color:#143f28}.app .destinationTags span{background:#fffaf0;color:#165b37;border-color:#c0d4ac}.app .truckStory .primary{background:#165b37;color:#fff8dc}
.app .bottomBanner{max-width:1280px;margin:0 auto 65px;padding:40px;border:0;border-radius:26px;background:#ffcf24!important;color:#153a29!important}.app .bottomBanner :is(h2,p,.eyebrow){color:#153a29!important}.app .bottomBanner .primary{background:#123b26!important;color:#fff8dd!important}.app .inner{color:#153a29;max-width:1280px}.app .inner>.menuNote,.app .inner>p,.app .inner>.eyebrow,.app .adminbar>p{color:#48614d!important}
.app .rewardsPage .pageintro,.app .loyaltyCard{background:radial-gradient(circle at 100% 0,#547c3a77,transparent 55%),linear-gradient(130deg,#103a25,#24623a)!important;border-color:#4d7e43;color:#fff8df}.app .rewardsPage .pageintro h1 em{color:#ffcf24}.app .rewardsPage .pageintro .eyebrow{color:#ffdf67}.app .rewardsPage .pageintro p{color:#e7edd7}.app .rewardsPage .primary{background:#ffcf24!important;color:#153a29!important}.app .promoGrid>.promo:first-child{background:#143f28!important;color:#fff8df}.app .promoGrid>.promo:first-child :is(p,small){color:#e6edce!important}.app .promoGrid>.promo:first-child .eyebrow,.app .promoGrid>.promo:first-child .textbutton{color:#ffde60!important}.app .promoGrid>.promo:before{background:linear-gradient(90deg,#165b37,#ffcf24)!important}.app .promoGrid>.promo{background:#fffdf4;border-color:#d3dfc2}.app .promo :is(h3,.eyebrow,.textbutton){color:#165b37!important}.app .promo:first-child h3{color:#fff8df!important}.app .promoIcon{background:#fff0ad;color:#165b37;border-color:#e3d398}.app .promo p{color:#52654c!important}
.app .primary{background:#165b37;color:#fffdf0;border-radius:12px}.app .outline{color:#165b37;border-color:#b8cba9;background:#fffdf5}.app .textbutton{color:#165b37}.app .loyaltyCard{border-top-color:#ffcf24}.app .loyaltyCard :is(p,small,.cardIdentity,.cardIdentity span){color:#e6edd8!important}.app .loyaltyCard .stampRow .last{background:#ffcf24;color:#153a29;border-color:#ffdf60}.app .loyaltyCard .stampRow .filled{background:#fff9d5;color:#165b37;border-color:#fff9d5}.app .progressTrack i{background:linear-gradient(90deg,#165b37,#b5c84c)}.app .rules,.app .reward,.app .whitePanel,.app .safetyCard{background:#fffdf4;border-color:#d3dfc2;color:#153a29!important}
.app :is(.modal,.ec-modal){background:#fffdf6!important;border-color:#a9c69a;border-top-color:#ffcf24!important;color:#153a29}.app .modal :is(h2,h3,label,legend){color:#153a29}.app .modal p{color:#4e654e}.app .modal :is(input,textarea,select){border-color:#aec49d!important;color:#153a29!important}.app .modal .primary{background:#165b37!important;color:#fff9da!important}.app .modal .close{background:#e7eed8;color:#153a29}.app .modalBackdrop{background:#082618b8}.app :is(.status,.availability,.pilot){background:#edf0d8;color:#214a2d;border-color:#b7c897}.app .stats small{color:#49634a}.app .stats b{color:#165b37}.app .stats>div:nth-child(4){background:#fff0ad}
.app footer{color:#e7ead4!important;border-color:#466e3d;background:#103a25;padding:30px 35px;max-width:none;margin:0}.app footer :is(p,span,small,a){color:#f0f1dc!important}.app .mobileNav{background:#fffaf0ed;border-color:#d2dabc;backdrop-filter:blur(16px)}.app .mobileNav .active{color:#165b37}.app .toast{background:#153f28;border-color:#ffcf24;color:#fff7d7}.app .celebrateCard{border-top-color:#ffcf24;background:#fffdf4}.app .welcomeGift{background:#165b37;color:#ffcf24}
.ec-contact,.ec-service,.ec-admin-order{background:#f4f7e9;border-color:#c4d4b0;color:#153a29}.ec-contact label,.ec-service label,.ec-response h3{color:#153a29}.ec-contact input:not([type=checkbox]),.ec-contact textarea,.ec-service select{border-color:#a9bf95;color:#153a29}.ec-button{background:#165b37;border-color:#165b37;color:#fff8da!important}.ec-secondary{background:#fffdf6;color:#165b37!important;border-color:#a9bf95}.ec-kicker{color:#397445}.ec-benefit{background:#fff0ad}.ec-benefit>strong{color:#165b37}.ec-benefit>span{color:#153a29}.ec-response{background:#f9faef;border-color:#c4d4b0;color:#153a29}.ec-response p,.ec-admin-order p{color:#35533b}.ec-note{color:#4c6450!important}.ec-close{background:#e7eed8;color:#153a29}.ec-processing-spinner{border-color:#e1eacb;border-top-color:#165b37}.ec-processing h2{color:#153a29}.ec-processing p{color:#397445}
.platanonLegal{background:#103a25;color:#e7ead4;font:14px/1.8 system-ui;text-align:center;padding:25px 25px 35px}.platanonLegal b{color:#ffdf60}.platanonLegal p{max-width:900px;margin:0 auto;color:inherit}
@media(min-width:1500px){.app .hero{gap:70px}.app .hero .dishScene{height:620px!important}}
@media(max-width:1000px){.app .menuLayout{grid-template-columns:1fr}.app .dayCard{display:none}.app header{padding:17px 25px}.app .hero{gap:25px}.app .hero .dishScene{height:510px!important}.app .hero h1{font-size:58px}}
@media(max-width:700px){.app header{padding:14px 18px;min-height:82px;gap:12px}.app .restaurantLogo{width:53px;height:53px}.app header .brand{font-size:22px}.app header .brand small{max-width:205px;font-size:9px!important}.app .headright{gap:8px}.app .hero{display:flex;flex-direction:column;padding:34px 22px 0;gap:20px;min-height:0}.app .heroText{padding:0;align-self:stretch}.app .hero h1{font-size:48px;letter-spacing:-2px;margin:17px 0 22px}.app .hero h1 em{letter-spacing:-2px}.app .hero p{font-size:17px;line-height:1.7}.app .heroactions{gap:10px;margin-top:20px}.app .heroactions .primary{width:100%;min-height:55px}.app .heroactions .textbutton{justify-content:center;width:100%}.app .herolocation{margin:16px 0 5px}.app .heroVisual{width:calc(100% + 44px);margin-left:-22px;align-self:flex-start}.app .hero .dishScene{height:460px!important;width:100%;max-width:none;border-radius:0;border:0;transform:none!important;box-shadow:none}.app .hero .plate img{object-position:50% 55%}.app .loyaltyStrip{padding:24px 22px;gap:14px;flex-wrap:wrap}.app .loyaltyStrip .miniStamps{display:none}.app .loyaltyStrip .giftCircle{flex-shrink:0}.app .loyaltyStrip div{flex:1}.app .loyaltyStrip button{width:100%;justify-content:center}.app .menuSection{padding:38px 18px}.app .sectionhead h2{font-size:34px}.app .sectionhead .eyebrow{font-size:11px!important}.app .search{width:100%}.app .categories{gap:8px;margin:24px 0}.app .categories button{padding:10px 14px;font-size:14px}.app .foodGrid{grid-template-columns:1fr;gap:22px}.app .foodCard .dishOpen{height:365px}.app .foodCard p{min-height:0}.app .foodCard h3{font-size:28px}.app .truckStory{margin:0 18px 35px;grid-template-columns:1fr}.app .truckPhotoWrap{height:440px;min-height:0}.app .truckStoryText{padding:28px}.app .truckStoryText h2{font-size:34px}.app .bottomBanner{margin:0 18px 30px;padding:28px;flex-direction:column;gap:20px}.app .bottomBanner h2{font-size:30px}.app .inner{padding-left:18px;padding-right:18px}.app .mobileNav button{color:#3c583e}.platanonLegal{padding-bottom:100px}.app footer{margin:0;padding:30px 22px}.app .hero .originEyebrow{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body>.platanonLegal{max-width:none;margin:0;width:100%}

.app .hero .plate{padding:0!important}.app .hero .plate img{content:normal!important;object-fit:cover!important;transform:none!important}
@media(max-width:700px){
.app header{flex-wrap:nowrap!important;min-height:86px;padding:14px 18px;gap:10px}.app header .brand{font-size:21px;white-space:nowrap;gap:10px}.app header .brand small{display:none!important}.app header .headright{margin:0;gap:5px}.app header .bag{padding:8px}.app header .restaurantLogo{width:50px;height:50px}.app .hero{display:flex;margin:0!important;border-radius:0!important;padding-top:26px;gap:17px;text-align:left}.app .heroText{display:contents!important}.app .hero .originEyebrow{order:0;align-self:flex-start;margin:0;padding:0;background:none;border:0}.app .hero h1{order:1;font-size:43px;margin:0 0 3px;line-height:1.08;letter-spacing:-2px}.app .hero h1 em{letter-spacing:-2px}.app .heroVisual{order:2;margin-top:0;height:auto}.app .hero .dishScene{height:340px!important;margin:0!important}.app .hero .plate img{object-position:50% 56%!important}.app .heroText>p{order:3;font-size:16px;line-height:1.6;margin:0;text-align:left}.app .heroactions{order:4;margin:0}.app .herolocation{order:5;margin:0 0 25px!important;font-size:12px!important;display:flex;flex-wrap:wrap;justify-content:flex-start}.app .heroactions .primary{min-height:54px}.app .hero .herolocation span{margin:0 4px}
}

.app .musicControl>button:not(.primoDiscover),.app .musicControl>.musicVolume{display:flex!important}.app .musicControl{background:#244d2c;border-color:#628249;color:#fff4c6}.app .musicControl button{color:#ffdc55}.app .musicControl small{color:#d5e1bc}.app .musicControl input{accent-color:#ffcf24}

.app header .adminHeaderActions :is(.outline,a,button){background:transparent!important;border:1px solid #b6c69a!important;color:#fff8dc!important;padding:12px 17px;border-radius:12px}

/* Canción oficial: reproducción, pausa y volumen al alcance del cliente. */
.app .heroText .musicControl{order:2;margin:0 0 22px;padding:15px;border:1px solid #ffcf2480;border-radius:17px;background:#0b2d1ddd;width:100%;max-width:490px;box-sizing:border-box;gap:14px}
.app .musicControl>button:not(.primoDiscover){background:transparent!important;color:#ffdf60!important;flex:1 1 100%;justify-content:flex-start;padding:0!important;min-height:48px;gap:12px;text-align:left;box-shadow:none!important;border:0!important;font-size:17px;font-weight:800}
.app .musicControl>button span{font-size:17px;line-height:1.45}.app .musicControl button small{display:block;color:#e1eccd!important;font-size:13px!important;font-weight:500}.app .musicControl .musicVolume{color:#fff3c4;flex:1 1 100%;margin:0;justify-content:flex-start}.app .musicControl .musicVolume input{min-height:24px!important;width:150px;accent-color:#ffcf24}.app .musicControl.awaitingPlay{animation:platanonMusicGlow 2.2s ease-in-out infinite}.app .musicControl.isPlaying{border-color:#91c567;box-shadow:0 8px 25px #0002}
@keyframes platanonMusicGlow{50%{box-shadow:0 0 0 5px #ffcf2415,0 8px 24px #ffcf2420}}
@media(max-width:700px){.app .heroText .musicControl{margin:0 0 2px;max-width:none;padding:12px 14px}.app .musicControl>button span{font-size:16px}.app .musicControl .musicVolume input{width:130px}}
@media(prefers-reduced-motion:reduce){.app .musicControl.awaitingPlay{animation:none!important}}