@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--canvas: #F0F4EC;--surface: #FFFFFF;--surface-2: #F8FAF5;--surface-3: #EFF2EA;--ink: #12201A;--ink-2: #48584F;--ink-3: #8B988F;--line: #E2E6DC;--line-2: #D3D9CC;--brand: #0B9258;--brand-d: #055D3C;--brand-ink: #083A26;--brand-tint: #E5F4EA;--lime: #C1F05B;--lime-d: #7FB800;--down: #0E8C55;--down-tint: #E4F3EA;--up: #E14B36;--up-tint: #FBE7E2;--stable: #8B988F;--stable-tint: #EEF1EB;--promo: #F19E1A;--promo-tint: #FCEFD8;--gold: #E0A82E;--radius: 16px;--radius-lg: 26px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(16,40,28,.05), 0 10px 26px rgba(16,40,28,.07);--shadow-lg: 0 18px 50px rgba(16,40,28,.18);--font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--primary: var(--brand);--primary-dark: var(--brand-d);--primary-light: var(--lime);--secondary: var(--ink);--bg-color: var(--canvas);--text-primary: var(--ink);--text-muted: var(--ink-3);--card-bg: var(--surface);--card-border: var(--line);--card-shadow: var(--shadow);--nav-bg: rgba(255,255,255,.9);--radius-md: var(--radius-lg)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;background:var(--canvas);font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.45;min-height:100vh;min-height:100dvh}.num{font-variant-numeric:tabular-nums;letter-spacing:-.01em}#root{min-width:0;width:100%;display:block}.app-container{width:100%;max-width:none;min-width:0;min-height:100vh;min-height:100dvh;background-color:var(--surface-2);position:relative;margin:0}.basket-mini{display:none}.mobile-cart-bar{bottom:calc(80px + env(safe-area-inset-bottom))}.beta-badge{display:inline-block;background:var(--brand-tint);color:var(--brand-d);border:1px solid var(--line-2);font-size:.55rem;font-weight:800;letter-spacing:1.5px;padding:2px 7px;border-radius:7px;line-height:1.4;vertical-align:middle}h1,h2,h3,h4{color:var(--ink);font-weight:800;margin-bottom:.5rem;letter-spacing:-.02em}p{color:var(--ink-2);line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;padding:4px 9px;border-radius:8px;letter-spacing:.01em}.badge.best{background:var(--brand);color:#fff}.badge.down{background:var(--down-tint);color:var(--down)}.badge.up{background:var(--up-tint);color:var(--up)}.badge.promo{background:var(--promo-tint);color:#9a5e05}.badge.neutral{background:var(--stable-tint);color:var(--ink-2)}.badge.gold{background:#fbf0d4;color:#8a6410}.trend{display:flex;align-items:center;gap:4px;font-size:12.5px;font-weight:800;padding:5px 9px;border-radius:9px;white-space:nowrap}.trend.down{background:var(--down-tint);color:var(--down)}.trend.up{background:var(--up-tint);color:var(--up)}.trend.stable{background:var(--stable-tint);color:var(--ink-2)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.app-backbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;min-height:54px;margin:-2px 0 12px;padding:calc(8px + env(safe-area-inset-top)) 0 10px;background:color-mix(in srgb,var(--canvas) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.app-backbar-button{width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);display:grid;place-items:center;flex:0 0 auto;cursor:pointer;box-shadow:0 8px 18px #1018140f}.app-backbar-copy{flex:1;min-width:0;display:grid;gap:1px}.app-backbar-copy b,.app-backbar-copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-backbar-copy b{font-size:.82rem;font-weight:950;color:var(--ink)}.app-backbar-copy span{font-size:.7rem;font-weight:760;color:var(--ink-3)}.app-backbar-right{flex:0 0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:all .2s ease;gap:.5rem}.btn-primary{background-color:var(--brand);color:#fff;box-shadow:0 4px 14px #0e8c554d}.btn-primary:active{transform:scale(.98);background-color:var(--brand-d)}@keyframes pulse{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.5;transform:scale(.95)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.animate-fade-in{animation:fadeIn .3s ease}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:none;margin:0;height:calc(68px + env(safe-area-inset-bottom));background:#ffffffeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink-3);font-size:.66rem;font-weight:700;text-decoration:none;gap:3px;flex:1;min-width:0;transition:color .2s ease}.nav-item.active{color:var(--brand-d)}@media(max-width:1023px){.bottom-nav{height:calc(74px + env(safe-area-inset-bottom));padding:6px 8px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -12px 32px #12201a12}.nav-item{min-height:56px;margin:0 2px;border-radius:18px}.nav-item.active{background:var(--brand-tint)}.nav-item.active svg{color:var(--brand-d)!important}}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:transparent}.logo{max-width:120px;height:auto}@media(max-width:359px){.header-greeting{display:none!important}}@media(min-width:768px)and (max-width:1023px){body{display:block;background:var(--surface-2);padding:0}#root{display:block}.app-container{width:100%;max-width:none;min-height:100vh;min-height:100dvh;margin:0;border:0;border-radius:0;box-shadow:none;overflow:visible;display:block}.app-header,.app-main{width:100%;max-width:960px;margin-left:auto;margin-right:auto}.app-header,.app-main{padding-left:clamp(24px,4vw,40px)!important;padding-right:clamp(24px,4vw,40px)!important}.app-container .bottom-nav{position:fixed;left:0;right:0;bottom:0;width:100%;justify-content:center;border-radius:0}.app-container .bottom-nav .nav-item{flex:0 1 160px}.app-container .mobile-cart-bar{bottom:calc(86px + env(safe-area-inset-bottom));max-width:560px!important}}@media(min-width:1024px){body{display:block;background:var(--canvas)}#root{display:block}.app-container{max-width:none;width:auto;margin:0 0 0 252px;min-height:100vh;box-shadow:none;background:transparent}.bottom-nav{inset:0 auto 0 0;width:252px;height:100vh;height:100dvh;max-width:none;margin:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:7px;padding:24px 18px;border-top:none;border-right:1px solid var(--line-2);background:#ffffffe0;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:18px 0 50px #12201a0a}.sidebar-logo{display:flex!important;flex-direction:row;align-items:center;gap:10px;padding:0 10px 25px;margin-bottom:10px;border-bottom:1px solid var(--line)}.sidebar-logo img{width:116px;height:74px;object-fit:contain}.header-brand{display:none!important}.nav-item{flex:0 0 auto;flex-direction:row;justify-content:flex-start;min-height:50px;gap:12px;padding:12px 14px;border-radius:15px;font-size:.9rem}.nav-item:hover{color:var(--brand-d);background:var(--brand-tint)}.nav-item.active{background:var(--brand);color:#fff;box-shadow:0 6px 16px #0e8c5547}.nav-item.active:hover{background:var(--brand);color:#fff}.nav-item.active svg{color:#fff!important}.app-header,.app-main{max-width:1320px;margin-left:auto;margin-right:auto}.app-header{padding:22px 40px 12px!important}.app-header>div:first-child>div:last-child span{color:var(--ink-2)!important;font-size:.92rem!important}.app-main{padding:8px 40px 70px!important}.app-main-full{max-width:none;padding:0!important}.app-main>*{max-width:640px;margin-left:auto;margin-right:auto}.app-main>.home-page,.app-main>.compare-page,.app-main-full>*{max-width:none}.home-dashboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:2.5rem;align-items:start}.home-dashboard>*{min-width:0}.home-dashboard>.dash-header,.home-dashboard>.dash-full{grid-column:1 / -1}.home-page .lists-row{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;overflow-x:visible!important}.home-page .lists-row a{min-width:0}.results-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem!important}.results-list>div:only-child{grid-column:1 / -1}.compare-page .lists-grid{display:grid!important;flex-direction:unset;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem!important}.app-main>.points-page{max-width:1040px}.points-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.75rem;align-items:start}.app-main>.profile-page{max-width:860px}.app-main>.comparar-page{max-width:900px}.app-main>.ficha-page{max-width:1320px}.app-main>.buscar-page{max-width:1320px}.basket-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:2.5rem;align-items:start}.basket-aside{position:sticky;top:24px;background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:1.5rem}.basket-aside>div:first-child{border-top:none!important;padding-top:0!important}.mobile-cart-bar{display:none!important}.basket-mini{display:block}.plan-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem!important;align-items:start}.sheet-overlay{align-items:center!important;padding:24px}.sheet-panel{border-radius:28px!important;max-height:80vh!important}}