:root{--wyco-navy:#173456;--wyco-ink:#172c43;--wyco-orange:#e85c16;--wyco-paper:#f6f3ed;--wyco-line:#e5ded3;--wyco-muted:#5d6a76;--wyco-radius:18px;--wyco-shadow:0 8px 26px rgba(24,43,61,.07)}
html{scroll-behavior:smooth}body{background:var(--wyco-paper)!important;color:var(--wyco-ink);font-family:'Outfit',sans-serif}body *{box-sizing:border-box}img{max-width:100%}a,button,input,select,textarea{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #ed7c36!important;outline-offset:3px}button:not(:disabled),a{touch-action:manipulation}button:active:not(:disabled),a:active{transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.6}
body .bg-surface,body.bg-surface{background:var(--wyco-paper)}body .text-primary{color:var(--wyco-navy)}body .bg-primary{background-color:var(--wyco-navy)}body .bg-accent{background-color:var(--wyco-orange)}body .text-accent{color:#b7460c}body .glass{background:rgba(255,253,249,.97);border-bottom:1px solid var(--wyco-line);box-shadow:none}body .glass-dark{background:var(--wyco-navy);border-top:1px solid rgba(255,255,255,.12)}
body header.sticky>div{max-width:960px;margin:auto;min-height:74px}body header.sticky h1{letter-spacing:-.025em}body main{padding-bottom:1rem}body .rounded-3xl{border-radius:var(--wyco-radius)}body .shadow-soft,body .shadow-md{box-shadow:var(--wyco-shadow)}body .producto-card{border:1px solid var(--wyco-line);box-shadow:none;background:#fffdf9}body .producto-card:hover{box-shadow:var(--wyco-shadow);border-color:#d7c4af;transform:translateY(-2px)}body .producto-card h4{line-height:1.2}body .categoria-badge{border:1px solid var(--wyco-line);box-shadow:none;background:#fffdf9}body .categoria-badge:hover,body .categoria-badge.active{border-color:var(--wyco-orange);transform:none}body section.scroll-mt-32>div:first-child{border-color:var(--wyco-line)!important}body .payment-option.selected{border-color:var(--wyco-orange);background:#fff4eb}body input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body select,body textarea{border-color:#d9d1c6;background-color:#fffefa;color:var(--wyco-ink)}body input:not([type=checkbox]):not([type=radio]):not([type=hidden]):focus,body select:focus,body textarea:focus{border-color:var(--wyco-orange);box-shadow:0 0 0 3px rgba(232,92,22,.13)}body input[type=checkbox],body input[type=radio]{accent-color:var(--wyco-orange)}
.wyco-hero{position:relative;overflow:hidden;min-height:290px;background:var(--wyco-navy);border-radius:22px;display:flex;align-items:stretch;color:white;isolation:isolate}.wyco-hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:68%;padding:32px}.wyco-eyebrow{font-size:.68rem;font-weight:800;letter-spacing:.18em;color:#ffc398}.wyco-hero h1{font-size:clamp(2.45rem,8vw,3.7rem);letter-spacing:-.055em;line-height:.99;font-weight:800;margin:16px 0}.wyco-hero p{max-width:245px;font-size:.95rem;line-height:1.5;color:#e9edf2}.wyco-hero-button{display:inline-flex;gap:25px;align-items:center;margin-top:24px;padding:13px 17px;background:#f2712b;color:#fff;border-radius:10px;font-weight:700;text-decoration:none}.wyco-hero-button:hover{background:#d94f08}.wyco-hero-image{position:absolute;right:-55px;bottom:-12px;width:59%;height:88%;background:url('../storage/Hamburguesa.png') center/contain no-repeat;transform:rotate(-7deg);z-index:0}.wyco-home-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wyco-home-links a{background:#fffdf9;border:1px solid var(--wyco-line);border-radius:12px;padding:16px;display:flex;justify-content:space-between;gap:8px;font-weight:700;color:var(--wyco-navy)}.wyco-home-links a:hover{border-color:#e85c16;color:#b7460c}.wyco-home-links span{color:#c04a0c}
.wyco-allergens{max-width:960px;margin:20px auto;padding:14px 16px;border:1px solid #ded7ca;border-radius:12px;background:#fffdf8;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 18px;font-size:.82rem;color:#53606a}.wyco-allergens a{color:#a8400c;text-decoration:underline;text-underline-offset:3px;font-weight:700}.wyco-footer-allergens{margin:0 auto 24px}.wyco-footer-allergens a{color:#fff;text-decoration:underline;text-underline-offset:3px}.wyco-feedback{position:fixed;z-index:9999;left:50%;bottom:110px;transform:translate(-50%,12px);max-width:calc(100vw - 32px);width:max-content;padding:12px 18px;border-radius:12px;background:#173456;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.22);font-size:.9rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.wyco-feedback.is-visible{opacity:1;transform:translate(-50%,0)}
body .footer{background:var(--wyco-navy);color:#d6e0e8}body .footer button{color:#e2e8ed}body .sidebar-header{background:var(--wyco-navy)}body .sidebar-link.active{color:#a8400c}body nav.fixed.bottom-0{padding-bottom:env(safe-area-inset-bottom)}
@media(min-width:768px){.wyco-hero{min-height:310px}.wyco-hero-copy{padding:40px}.wyco-hero-image{right:-25px;width:53%}body .footer{padding-bottom:120px}}@media(max-width:400px){.wyco-hero-copy{width:76%;padding:26px 22px}.wyco-hero-image{width:59%;right:-60px}.wyco-hero h1{font-size:2.7rem}body header.sticky>div{min-height:64px}body .wyco-allergens{margin-top:16px}body main .items-center.justify-between .space-x-2{gap:3px}body main .items-center.justify-between .space-x-2 span{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

body nav.glass-dark .text-accent{color:#ffb275}

/* Shared navigation uses the same markup on every customer screen. */
.wyco-bottom-nav{position:fixed;inset:auto 0 0;z-index:45;padding-bottom:env(safe-area-inset-bottom);background:#173456;border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -5px 20px rgba(0,0,0,.1)}
.wyco-bottom-nav__inner{height:80px;max-width:448px;padding:0 32px;margin:auto;display:flex;align-items:center;justify-content:space-between}
.wyco-bottom-nav__item{min-width:56px;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#d7e0e8;text-decoration:none;font-size:10px;font-weight:500;opacity:.8}
.wyco-bottom-nav__item img{width:24px;height:24px;object-fit:contain}.wyco-bottom-nav__item:hover{color:#fff;opacity:1}.wyco-bottom-nav__item.is-active{color:#ffb275;font-weight:700;opacity:1}
body.wyco-customer{display:flex;flex-direction:column;min-height:100vh;height:auto;margin:0!important;padding-bottom:calc(96px + env(safe-area-inset-bottom));font-family:'Outfit',sans-serif!important}
.wyco-page-header{position:sticky;top:0;z-index:50;background:rgba(255,253,249,.97);border-bottom:1px solid var(--wyco-line)}
.wyco-page-header__inner{max-width:960px;min-height:74px;padding:14px 20px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.wyco-page-header h1{margin:0;color:var(--wyco-navy);font-size:1.125rem;line-height:1.25;font-weight:700;letter-spacing:-.025em;text-align:center}
.wyco-page-back,.wyco-page-avatar,.wyco-menu-toggle{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--wyco-navy);text-decoration:none;background:#f2f0eb}
.wyco-page-back{font-size:1.45rem;line-height:1}.wyco-page-avatar img{width:32px;height:32px}.wyco-page-back:hover,.wyco-page-avatar:hover,.wyco-menu-toggle:hover{background:#e8e2d8}
body.wyco-customer .wyco-menu-toggle{position:static;z-index:auto;border:0;cursor:pointer;font-size:1.2rem;transform:none}
body.wyco-page-login>div.bg-white,body.wyco-page-register>.p-2,body.wyco-page-editprofile>.p-2,body.wyco-page-recovery>div.bg-white{width:calc(100% - 32px);max-width:512px;margin:24px auto!important}
body.wyco-page-register>.p-2,body.wyco-page-editprofile>.p-2{padding:0}
body.wyco-customer .bg-white.shadow-lg,body.wyco-page-login>div.bg-white,body.wyco-page-register>.p-2>div,body.wyco-page-editprofile>.p-2>div,body.wyco-page-recovery>div.bg-white{border:1px solid var(--wyco-line);border-radius:var(--wyco-radius);box-shadow:var(--wyco-shadow);background:#fffdf9}
body.wyco-customer input:not([type=hidden]):not([type=checkbox]):not([type=radio]),body.wyco-customer select,body.wyco-customer textarea{min-height:44px;border-radius:10px;padding:10px 12px}
body.wyco-customer button.bg-blue-500,body.wyco-customer a.bg-blue-500,body.wyco-customer button.bg-blue-900,body.wyco-customer button.bg-indigo-600{background:var(--wyco-navy);border-radius:10px;min-height:44px}
body.wyco-customer button.bg-blue-500:hover,body.wyco-customer a.bg-blue-500:hover,body.wyco-customer button.bg-blue-900:hover,body.wyco-customer button.bg-indigo-600:hover{background:#24496f}
body.wyco-customer button.bg-green-500{background:#23734f;border-radius:10px;min-height:44px}body.wyco-customer button.bg-red-500{background:#b83d32;border-radius:10px;min-height:44px}
body.wyco-page-recovery>div.min-h-screen{min-height:calc(100vh - 174px);background:transparent}
body.wyco-page-recovery>.max-w-xs{max-width:512px}
@media(max-width:480px){body.wyco-page-perfil .max-w-4xl>div{padding:22px}body.wyco-page-perfil .max-w-4xl>div>.flex:first-child{align-items:flex-start;gap:12px;flex-wrap:wrap}.wyco-page-header__inner{min-height:68px}}

.wyco-orders{width:min(100% - 32px,720px);margin:32px auto 0;padding-bottom:20px}.wyco-orders-intro{margin:0 0 24px}.wyco-orders-eyebrow,.wyco-order-label{font-size:.68rem;font-weight:800;letter-spacing:.14em;color:#a04a20}.wyco-orders-intro h2{font-size:2rem;line-height:1.1;letter-spacing:-.04em;font-weight:800;margin:8px 0;color:var(--wyco-navy)}.wyco-orders-intro p{color:#5d6a76;font-size:.95rem}.wyco-order{overflow:hidden;background:#fffdf9;border:1px solid var(--wyco-line);border-radius:18px;box-shadow:var(--wyco-shadow);margin-bottom:16px}.wyco-order-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 24px 16px}.wyco-order-heading h3{font-size:1.45rem;line-height:1.15;font-weight:800;color:var(--wyco-navy);margin:4px 0 0}.wyco-order-status{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#fff0e4;color:#a3430b;font-size:.75rem;font-weight:700;white-space:nowrap}.wyco-order-status span{width:7px;height:7px;border-radius:50%;background:currentColor}.wyco-order-status.is-complete{background:#e7f3ec;color:#256444}.wyco-order-progress{padding:0 24px 18px}.wyco-order-progress__track{height:6px;background:#ebe5dc;border-radius:99px;overflow:hidden}.wyco-order-progress__track span{display:block;height:100%;background:var(--wyco-orange);border-radius:inherit;transition:width .3s ease}.wyco-order-progress__labels{display:flex;justify-content:space-between;margin-top:7px;color:#67727a;font-size:.7rem}.wyco-order-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;padding:20px 24px;border-top:1px solid #eee8df;margin:0}.wyco-order-meta div{min-width:0}.wyco-order-meta dt{color:#687780;font-size:.75rem;margin-bottom:4px}.wyco-order-meta dd{margin:0;color:var(--wyco-ink);font-size:.9rem;font-weight:600;overflow-wrap:anywhere}.wyco-order-meta dd.wyco-order-total{font-size:1.12rem;font-weight:800;color:var(--wyco-navy)}.wyco-order-details{border-top:1px solid #eee8df}.wyco-order-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:14px 24px;color:var(--wyco-navy);font-weight:700;font-size:.9rem}.wyco-order-details summary::-webkit-details-marker{display:none}.wyco-order-details summary:hover{background:#f8f4ed}.wyco-order-details summary:focus-visible{outline:3px solid #ed7c36;outline-offset:-4px}.wyco-order-chevron{font-size:1.45rem;line-height:1;transition:transform .2s ease}.wyco-order-details[open] .wyco-order-chevron{transform:rotate(180deg)}.wyco-order-details__content{padding:0 24px 20px}.wyco-order-details__content h4{font-weight:700;font-size:.8rem;color:#67727a;margin:0 0 10px}.wyco-order-details__content ul{list-style:none;padding:0;margin:0}.wyco-order-details__content li{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 0;border-top:1px solid #eee8df;font-size:.88rem}.wyco-order-details__content li>div{min-width:0}.wyco-order-details__content li strong{display:block;color:var(--wyco-ink);overflow-wrap:anywhere}.wyco-order-details__content li div span{display:block;color:#687780;margin-top:3px;font-size:.78rem}.wyco-order-details__content li>span{white-space:nowrap;font-weight:700}.wyco-order-no-products{color:#687780}.wyco-orders-empty{background:#fffdf9;border:1px solid var(--wyco-line);border-radius:18px;padding:40px 24px;text-align:center;box-shadow:var(--wyco-shadow)}.wyco-orders-empty__icon{font-size:2rem;margin-bottom:12px}.wyco-orders-empty h3{font-size:1.2rem;font-weight:800;color:var(--wyco-navy)}.wyco-orders-empty p{color:#5d6a76;margin:8px auto 20px;max-width:320px}.wyco-orders-empty a{display:inline-block;background:var(--wyco-navy);color:#fff;padding:12px 18px;border-radius:10px;font-weight:700;text-decoration:none}.wyco-orders-empty a:hover{background:#24496f}@media(max-width:400px){.wyco-orders{margin-top:24px}.wyco-order-heading,.wyco-order-meta{padding-left:18px;padding-right:18px}.wyco-order-progress{padding-left:18px;padding-right:18px}.wyco-order-details summary,.wyco-order-details__content{padding-left:18px;padding-right:18px}.wyco-order-meta{gap:16px}}

.wyco-order-item-price{text-align:right}.wyco-order-item-price small{display:block;color:#687780;font-size:.7rem;font-weight:500}
