:root{--oxxo-red:#df0024;--oxxo-red-deep:#d10022;--oxxo-red-600:#b3001d;--oxxo-red-50:#fee7eb;--oxxo-yellow:#ffe339;--oxxo-yellow-deep:#f4b400;--black:#1a2323;--ink:#2d2d2d;--ink-2:#231f20;--gray-700:#666;--gray-500:#969696;--gray-400:#cacaca;--gray-300:#dadada;--gray-200:#dfdfdf;--gray-150:#eee;--gray-100:#f1f3f4;--gray-75:#f2f2f2;--gray-50:#f6f8f8;--white:#fff;--off-white:#fcfcfc;--info:#2177f9;--info-surface:#e6f0fe;--info-ink:#1d4fd7;--success:#03a92c;--success-surface:#daf1e0;--warning:#f4b400;--warning-surface:#fff2cc;--danger:var(--oxxo-red);--danger-surface:var(--oxxo-red-50);--fg:var(--ink);--fg-muted:var(--gray-700);--fg-subtle:var(--gray-500);--fg-invert:var(--white);--fg-brand:var(--oxxo-red);--bg:var(--white);--bg-canvas:var(--off-white);--bg-subtle:var(--gray-75);--bg-muted:var(--gray-100);--bg-brand:var(--oxxo-red);--bg-brand-deep:var(--oxxo-red-deep);--border:var(--gray-200);--border-strong:var(--gray-500);--border-subtle:var(--gray-150);--border-input:var(--gray-300);--shadow-sm:0 1px 2px 0 #1d292f1a;--shadow-md:0 2px 12px 0 #1d292f14, 0 1px 2px 0 #1d292f1a;--shadow-lg:0 10px 24px 0 #1d292f1f, 0 1px 2px 0 #1d292f1f;--shadow-xl:0 18px 48px 0 #1d292f29, 0 2px 6px 0 #1d292f1a;--shadow-focus:0 0 0 4px #df002429;--shadow-btn:0 1px 2px 0 #1018280d;--font-ui:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--type-display-lg:700 60px/72px var(--font-ui);--type-display-md:700 48px/56px var(--font-ui);--type-display-sm:700 36px/44px var(--font-ui);--type-h1:700 32px/40px var(--font-ui);--type-h2:700 24px/32px var(--font-ui);--type-h3:700 20px/24px var(--font-ui);--type-h4:700 18px/24px var(--font-ui);--type-body-lg:400 16px/24px var(--font-ui);--type-body-lg-bold:700 16px/24px var(--font-ui);--type-body:400 14px/20px var(--font-ui);--type-body-bold:700 14px/20px var(--font-ui);--type-body-sm:400 12px/16px var(--font-ui);--type-body-sm-bold:700 12px/16px var(--font-ui);--fifa-green:#3cac3b;--fifa-blue:#2a398d;--fifa-red:#e61d25;--fifa-gray:#d1d4d1;--fifa-ink:#474a4a;--panini-gold:#e5a23a;--panini-gold-deep:#b6781e;--panini-blue:var(--fifa-blue);--panini-blue-surface:#e0e7ff;--panini-blue-deep:#1d2d7a;--panini-cards:var(--fifa-green);--panini-cards-deep:#247a28;--panini-cards-surface:#e7f6e7;--panini-coke:#d02530;--panini-coke-deep:#a0131d;--panini-coke-surface:#ffe4e6;--panini-multiple:#6d28d9;--panini-multiple-deep:#5b21b6;--panini-multiple-surface:#f3e8ff;--panini-foil:linear-gradient(135deg, #ffe08a 0%, #e5a23a 38%, #ffedb5 60%, #b6781e 100%);--brand-primary:var(--oxxo-red);--brand-deep:var(--oxxo-red-deep);--brand-accent:var(--panini-gold);--ease-standard:cubic-bezier(.2, 0, 0, 1);--dur-fast:.12s;--dur-base:.18s;--dur-slow:.24s}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}body{background:var(--bg-canvas);color:var(--fg);font:var(--type-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.app-shell{background:var(--bg-canvas);flex-direction:column;width:100%;min-height:100vh;display:flex}.hero-v2{color:#fff;background:#da0027;position:relative;overflow:hidden}.hero-decorations{pointer-events:none;z-index:0;opacity:.4;position:absolute;inset:0;overflow:hidden}.hero-decorations .sunburst{opacity:.8;width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.hero-decorations .glow{filter:blur(60px);border-radius:50%;position:absolute}.hero-decorations .orb-1{background:#ffb40066;width:300px;height:300px;top:-50px;left:-50px}.hero-decorations .orb-2{background:#ff780040;width:400px;height:400px;bottom:-100px;right:-100px}.hero-decorations .cross{width:12px;height:12px;position:absolute}.hero-decorations .cross:before,.hero-decorations .cross:after{content:"";background:#ffd200;border-radius:2px;position:absolute}.hero-decorations .cross:before{width:12px;height:2px;top:5px;left:0}.hero-decorations .cross:after{width:2px;height:12px;top:0;left:5px}.hero-decorations .c-1{top:20%;left:10%;transform:rotate(45deg)}.hero-decorations .c-2{top:15%;right:40%;transform:rotate(20deg)}.hero-decorations .c-3{bottom:25%;right:15%;transform:rotate(60deg)}.hero-decorations .circle{border:2px solid #ffd200;border-radius:50%;position:absolute}.hero-decorations .o-1{width:12px;height:12px;bottom:30%;left:35%}.hero-decorations .o-2{width:8px;height:8px;top:25%;right:20%}.hero-v2-container{z-index:1;justify-content:space-between;align-items:center;gap:24px;max-width:1280px;margin:0 auto;padding:16px 32px 32px;display:flex;position:relative}.hero-v2-content{flex:1;max-width:600px}.tag-top{font:var(--type-body-sm);letter-spacing:.05em;color:#ffd200;align-items:center;gap:12px;margin-bottom:16px;font-weight:700;display:inline-flex}.tag-top .tag-logo{width:90px;height:auto}.hero-v2-title{font:var(--type-h1);margin-bottom:8px;font-size:2rem;line-height:1.1}.hero-v2-title .highlight{color:#1a1a1a;background:#ffd200;border-radius:8px;margin:4px 0;padding:2px 12px;display:inline-block;transform:rotate(-1deg)}.hero-v2-lead{font:var(--type-body-bold);color:#ffffffe6;margin-bottom:16px;font-size:.95rem;line-height:1.4}.hero-v2-badges{flex-wrap:wrap;gap:12px;display:flex}.hero-v2-badges .badge{font:var(--type-body-sm);border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;display:flex}.hero-v2-badges .days-badge{background:#ffffff26;border:1px solid #ffffff4d}.hero-v2-badges .days-badge .badge-num{color:#1a1a1a;background:#ffd200;border-radius:12px;padding:9px 12px;font-size:1.5rem;font-weight:800}.hero-v2-badges a.days-badge{color:inherit;text-decoration:none;transition:opacity .2s}.hero-v2-badges a.days-badge:hover{opacity:.85}.hero-v2-badges .stores-badge{color:#fff;background:#1a1a1a}.hero-v2-visual{flex:0 0 400px;justify-content:center;align-items:center;display:flex}.hero-products{width:390px;height:370px;position:relative}.hero-album{filter:drop-shadow(0 14px 30px #0000004d);z-index:1;width:185px;height:auto;transition:transform .4s;position:absolute;top:16px;left:22px;transform:rotate(-4deg)}.hero-album:hover{transform:rotate(-2deg)scale(1.03)}.hero-sobres{filter:drop-shadow(0 16px 32px #00000057);z-index:2;width:216px;height:auto;transition:transform .4s;position:absolute;bottom:34px;right:0;transform:rotate(4deg)}.hero-sobres:hover{transform:rotate(3deg)scale(1.05)}.hero-coca{aspect-ratio:2/3;object-fit:cover;object-position:center;opacity:.98;filter:drop-shadow(0 16px 30px #28000057);z-index:4;border-radius:8px;width:104px;transition:transform .4s;position:absolute;bottom:22px;right:186px;transform:rotate(-5deg)}.hero-coca:hover{transform:rotate(-1deg)scale(1.04)}.toolbar{z-index:2;max-width:1280px;margin:-28px auto 0;padding:0 32px;position:relative}.toolbar .card{box-shadow:var(--shadow-lg);background:#fff;border-radius:20px;flex-wrap:nowrap;align-items:center;gap:16px;padding:14px 16px;display:flex}.search-input{border:1px solid var(--border-input);min-width:200px;transition:all var(--dur-fast) var(--ease-standard);background:#fff;border-radius:12px;flex:auto;align-items:center;gap:10px;padding:10px 14px;display:flex;position:relative}.search-input:focus-within{border-color:var(--brand-primary);box-shadow:var(--shadow-focus)}.search-input input{font:var(--type-body);color:var(--ink);background:0 0;border:none;outline:none;flex:1}.search-input input::placeholder{color:var(--fg-subtle)}.search-input .clear{background:var(--bg-muted);width:22px;height:22px;color:var(--fg-muted);border:none;border-radius:999px;justify-content:center;align-items:center;font-size:13px;line-height:1;display:flex}.search-input .clear:hover{background:var(--gray-200)}.chip-row{align-items:center;gap:8px;display:flex}.chip-filter{border:1px solid var(--border-input);color:var(--ink);font:var(--type-body-sm-bold);transition:all var(--dur-fast) var(--ease-standard);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.chip-filter:hover{background:var(--bg-subtle)}.chip-filter.active{background:var(--ink-2);color:#fff;border-color:var(--ink-2)}.chip-filter .chip-icon{flex-shrink:0;width:14px;height:14px}.chip-filter[data-kind=album] .chip-icon{stroke:var(--panini-blue)}.chip-filter[data-kind=sobres] .chip-icon{stroke:var(--panini-cards)}.chip-filter[data-kind=coca-cola] .chip-icon{stroke:var(--panini-coke)}.chip-filter.active .chip-icon{stroke:currentColor}.btn-locate{background:var(--brand-primary);color:#fff;font:var(--type-body-bold);box-shadow:var(--shadow-btn);transition:all var(--dur-fast) var(--ease-standard);white-space:nowrap;border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;display:inline-flex}.btn-locate:hover{background:var(--brand-deep)}.btn-locate:disabled{opacity:.6;cursor:not-allowed}.mobile-tabs{display:none}@media (width<=900px){.mobile-tabs{background:var(--gray-100);border-radius:12px;gap:0;max-width:1280px;margin:16px;padding:0;display:flex;overflow:hidden}.mobile-tab{font:var(--type-body-bold);color:var(--fg-muted);cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);background:0 0;border:none;border-radius:10px;flex:1;padding:10px 0}.mobile-tab.active{color:var(--brand-primary);box-shadow:var(--shadow-sm);background:#fff}}.workspace{grid-template-columns:420px 1fr;align-items:stretch;gap:20px;width:100%;max-width:1280px;min-height:720px;margin:24px auto 32px;padding:0 32px;display:grid;position:relative}.stores-panel{box-shadow:var(--shadow-md);background:#fff;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.stores-panel .head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex}.stores-panel .head .count{font:var(--type-h4);color:var(--ink)}.stores-panel .head .count strong{color:var(--brand-primary)}.stores-list{flex-direction:column;gap:6px;max-height:720px;padding:8px;display:flex;overflow-y:auto}.stores-list::-webkit-scrollbar{width:8px}.stores-list::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:999px}.store-card{cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);text-align:left;background:#fff;border:1px solid #0000;border-radius:14px;gap:10px;width:100%;padding:12px;display:flex}.store-card:hover{background:var(--bg-subtle)}.store-card.active{border-color:var(--brand-primary);background:#fff;box-shadow:0 0 0 4px #df00241a}.store-card .pin{width:40px;height:40px;font:var(--type-body-bold);color:#fff;background:var(--brand-primary);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.store-card .pin.album{background:var(--panini-blue)}.store-card .pin.sobres{background:var(--panini-cards);color:#fff}.store-card .pin.ambos{background:linear-gradient(135deg, var(--panini-blue) 0%, var(--panini-blue) 50%, var(--panini-cards) 50%, var(--panini-cards) 100%)}.store-card .pin.coca-cola{background:var(--panini-coke)}.store-card .pin.none{background:var(--brand-primary)}.store-card .body{flex:1;min-width:0}.store-card .row{align-items:center;gap:8px;display:flex}.store-card .name{font:var(--type-body-bold);color:var(--ink)}.store-card .badge-num{font:var(--type-body-sm-bold);color:var(--fg-muted);background:var(--bg-muted);border-radius:999px;padding:1px 8px}.store-card .addr{font:var(--type-body-sm);color:var(--fg-muted);-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-top:2px;line-height:1.4;display:-webkit-box;overflow:hidden}.store-card .meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.store-card .meta .open{color:var(--success);font:var(--type-body-sm-bold);align-items:center;gap:6px;display:inline-flex}.store-card .meta .closed{color:var(--oxxo-red);font:var(--type-body-sm-bold);align-items:center;gap:6px;display:inline-flex}.store-card .meta .open:before,.store-card .meta .closed:before{content:"";background:currentColor;border-radius:999px;width:8px;height:8px}.store-card .meta .dist{color:var(--ink);font:var(--type-body-sm-bold)}.store-card .meta .sep{color:var(--gray-300)}.store-card .tags{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.tag-pill{font:var(--type-body-sm-bold);background:var(--gray-100);color:var(--ink);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.tag-pill[data-k=album]{background:var(--panini-blue-surface);color:var(--panini-blue-deep)}.tag-pill[data-k=sobres]{background:var(--panini-cards-surface);color:var(--panini-cards-deep)}.tag-pill[data-k=coca-cola]{background:var(--panini-coke-surface);color:var(--panini-coke-deep)}.tag-pill[data-k=low]{background:var(--warning-surface);color:#8a5b00}.avail-chip{white-space:normal;border-radius:999px;align-items:center;gap:4px;width:fit-content;max-width:100%;padding:2px 8px;font-size:.68rem;font-weight:600;line-height:1.4;display:inline-flex}.avail-chip:before{content:"";border-radius:50%;width:6px;height:6px;display:inline-block}.avail-chip.high{color:#15803d;background:#dcfce7}.avail-chip.high:before{background:#22c55e}.avail-chip.low{color:#92400e;background:#fef3c7}.avail-chip.low:before{background:#f59e0b}.avail-chip.critical{color:#9f1239;background:#ffe4e6}.avail-chip.critical:before{background:#e11d48}.avail-dropdown{appearance:none;border:1.5px solid var(--gray-300);color:var(--ink-1);cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 10px center no-repeat;border-radius:999px;flex-shrink:0;padding:6px 28px 6px 10px;font-size:.8rem;font-weight:500}.toolbar-secondary{align-items:center;gap:8px;display:flex}.toolbar-secondary .btn-locate{margin-left:auto}.avail-dropdown:focus{outline:2px solid var(--brand-accent);outline-offset:1px}.marker-avail.high{background:#22c55e}.marker-avail.low,.marker-avail.critical{background:#f59e0b}.updated-at{color:var(--fg-subtle);font-size:.7rem}.store-card .actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.btn-sm{min-height:34px;font:var(--type-body-sm-bold);transition:all var(--dur-fast) var(--ease-standard);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;line-height:1;display:inline-flex}.btn-sm.primary{background:var(--brand-primary);color:#fff}.btn-sm.primary:hover{background:var(--brand-deep)}.btn-sm.ghost{color:var(--ink);border-color:var(--border-input);background:#fff}.btn-sm.ghost:hover{background:var(--bg-subtle)}.btn-sm.share{background:var(--bg-subtle);color:var(--ink);border-color:var(--border-input)}.btn-sm.share:hover{background:var(--gray-100)}.btn-sm.report{color:var(--fg-muted);border-color:var(--border-input);background:#fafafa;padding-inline:8px;font-size:11px}.btn-sm.report:hover{background:var(--bg-subtle);border-color:var(--gray-400);color:var(--ink)}.map-panel{box-shadow:var(--shadow-md);border-radius:20px;height:720px;min-height:720px;position:relative}.google-map{border-radius:20px;width:100%;height:100%;overflow:hidden}.btn-search-area{z-index:5;background:var(--ink,#1a1a1a);color:#fff;font:var(--type-body-sm-bold);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;transition:opacity .2s,transform .2s;animation:.25s ease-out search-area-in;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000040}.btn-search-area:hover{opacity:.9;transform:translate(-50%)scale(1.03)}.btn-search-area:active{transform:translate(-50%)scale(.97)}@keyframes search-area-in{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.map-legend{z-index:5;font:var(--type-body-sm-bold);box-shadow:var(--shadow-sm);z-index:3;background:#fffffff5;border-radius:12px;align-items:center;gap:14px;padding:10px 14px;display:flex;position:absolute;bottom:16px;left:16px}.map-legend .swatch{vertical-align:-2px;border-radius:4px;width:12px;height:12px;margin-right:6px;display:inline-block}.info-window-content{min-width:300px;max-width:340px;padding:0 30px 2px 2px;position:relative}.gm-style-iw-a{z-index:100!important}.gm-style .gm-style-iw-c{padding:12px 12px 10px!important}.gm-style .gm-style-iw-d{overflow:auto!important}.info-window-close{width:24px;height:24px;color:var(--fg-muted);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:24px;line-height:1;display:inline-flex;position:absolute;top:-4px;right:-2px}.info-window-close:hover{background:var(--bg-muted);color:var(--ink)}.info-window-content .name{font:var(--type-body-bold);color:var(--ink)}.info-window-content .addr{font:var(--type-body-sm);color:var(--fg-muted);margin-top:1px}.info-window-content .meta{align-items:center;gap:8px;margin-top:5px;display:flex}.info-window-content .tags{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.info-window-content .actions{gap:6px;margin-top:9px;display:flex}.info-window-content .actions .btn-sm{white-space:nowrap;justify-content:center;min-height:34px;padding:7px 10px}.info-window-content .actions .btn-sm.primary{min-width:92px}.issue-modal-backdrop{z-index:5000;background:#0f172a6b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.issue-modal{width:min(440px,100%);max-height:min(680px,100vh - 32px);box-shadow:var(--shadow-lg);color:var(--ink);background:#fff;border-radius:18px;overflow:auto}.issue-modal-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 20px 14px;display:flex}.issue-modal-head h3{font:var(--type-h4);margin:0}.issue-modal-head p{color:var(--fg-muted);font:var(--type-body-sm);margin:4px 0 0}.issue-modal-close{width:32px;height:32px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:24px;line-height:1}.issue-modal-close:hover{background:var(--bg-muted);color:var(--ink)}.issue-modal-form{gap:14px;padding:18px 20px 20px;display:grid}.issue-modal-form label{font:var(--type-body-sm-bold);color:var(--ink);gap:6px;display:grid}.issue-modal-form select,.issue-modal-form textarea{border:1px solid var(--border-input);width:100%;color:var(--ink);font:var(--type-body);background:#fff;border-radius:10px}.issue-modal-form select{min-height:42px;padding:0 12px}.issue-modal-form textarea{resize:vertical;min-height:88px;padding:10px 12px}.issue-modal-counter{color:var(--fg-subtle);font:var(--type-body-sm);text-align:right;margin-top:-10px}.issue-modal-error{color:#9f1239;font:var(--type-body-sm-bold);background:#ffe4e6;border-radius:8px;padding:8px 10px}.issue-modal-form select:focus,.issue-modal-form textarea:focus{outline:2px solid var(--brand-accent);outline-offset:1px}.issue-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:2px;display:flex}.issue-modal .btn-sm.modal-primary{color:#fff;background:#2f343a;border-color:#2f343a;box-shadow:0 6px 14px #0f172a24}.issue-modal .btn-sm.modal-primary:hover:not(:disabled){background:#1f2328;border-color:#1f2328}.issue-modal .btn-sm.modal-primary:disabled{cursor:wait;opacity:.72}.issue-modal-success{gap:10px;padding:20px;display:grid}.issue-modal-success strong{font:var(--type-body-bold)}.issue-modal-success span{color:var(--fg-muted);font:var(--type-body-sm)}.banner-permission{max-width:1280px;margin:16px auto 0;padding:0 32px 36px;position:relative}.banner-permission .inner{background:var(--info-surface);color:var(--info-ink);font:var(--type-body);border-radius:14px;align-items:center;gap:14px;padding:12px 16px;display:flex}.banner-permission .inner b{color:var(--info-ink)}.banner-permission .inner .close-b{color:var(--info-ink);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px 8px}.geo-modal-bd{z-index:30;animation:fadein var(--dur-base) var(--ease-standard);background:#1a232373;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}.geo-modal{width:480px;max-width:90vw;box-shadow:var(--shadow-xl);animation:pop var(--dur-slow) var(--ease-standard);background:#fff;border-radius:20px;overflow:hidden}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.geo-modal .head{align-items:center;gap:14px;padding:22px 24px 0;display:flex}.geo-modal .head .ic{background:var(--brand-primary);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.geo-modal h3{font:var(--type-h2);margin:0}.geo-modal .body-pad{color:var(--fg-muted);font:var(--type-body-lg);padding:14px 24px 8px;line-height:1.5}.geo-modal .body-pad strong{color:var(--ink)}.geo-modal .foot{justify-content:flex-end;gap:10px;padding:16px 24px 22px;display:flex}.loading-card{align-items:center;gap:12px;padding:14px;display:flex}.shimmer{background:var(--gray-100);border-radius:8px;position:relative;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);animation:1.4s linear infinite shim;position:absolute;inset:0}@keyframes shim{0%{transform:translate(-100%)}to{transform:translate(100%)}}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-state h4{font:var(--type-h4);margin:0}.empty-state p{font:var(--type-body);color:var(--fg-muted);max-width:320px;margin:0}.error-state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.error-state h4{font:var(--type-h4);color:var(--oxxo-red);margin:0}.error-state p{font:var(--type-body);color:var(--fg-muted);margin:0}@media (width<=900px){.hero-v2-container{flex-direction:column;gap:32px;width:100%;min-width:0;padding:32px 20px 48px}.hero-v2-title{overflow-wrap:anywhere;font-size:clamp(2rem,8vw,2.25rem)}.hero-v2-title .highlight{max-width:100%;padding-inline:8px}.hero-v2-content{width:100%;min-width:0}.hero-v2-visual{display:none}.toolbar{width:100%;max-width:100%;margin-top:-20px;padding:0 16px}.toolbar .card{flex-direction:column;align-items:stretch;width:100%;min-width:0}.search-input{flex:none;width:100%;min-width:0}.chip-row{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;max-width:100%;padding-bottom:0;display:grid;overflow:visible}.chip-filter{justify-content:center;min-width:0;padding-inline:10px}.toolbar-secondary{grid-template-columns:minmax(0,1fr) auto;width:100%;min-width:0;display:grid}.avail-dropdown{width:100%;min-width:0}.toolbar-secondary .btn-locate{min-width:0;margin-left:0;padding-inline:14px}.workspace{grid-template-columns:1fr;min-height:auto;margin-top:12px;padding:0 16px}.map-panel{height:calc(100vh - 260px);min-height:500px}.stores-list{max-height:none}.banner-permission{padding:0 16px 28px}.banner-permission .inner{flex-wrap:wrap;align-items:flex-start;min-width:0}.banner-permission .inner>div{overflow-wrap:anywhere;flex:220px;min-width:0}.banner-permission .inner .close-b{flex:none;margin-left:0}.btn-sm{gap:4px;padding:6px 8px;font-size:11px}.store-card .actions,.info-window-content .actions{flex-wrap:wrap;gap:6px}.info-window-content{min-width:280px;max-width:calc(100vw - 80px);padding:8px 4px}.info-window-content .name{font-size:1rem}.info-window-content .addr{font-size:.875rem}.info-window-content .tags{flex-wrap:wrap}.info-window-content .actions{flex-wrap:wrap;gap:6px}.info-window-content .actions .btn-sm{padding:7px 10px;font-size:.8rem}.gm-style-iw{max-width:calc(100vw - 60px)!important}.gm-style-iw-d{max-width:none!important;overflow:auto!important}.gm-style-iw-c{transform:translate(-50%,-100%)!important}.btn-search-area{top:16px;bottom:auto}}.site-footer{color:#fff;background:#333;margin-top:64px;padding:48px 32px}.footer-top{flex-direction:column;align-items:center;margin-bottom:48px;display:flex}.social-title{font:var(--type-h4);text-align:center;color:#fff;margin:0 0 20px;font-size:1.125rem}.footer-social{justify-content:center;gap:24px;display:flex}.footer-social a{color:#fff;transition:color .2s}.footer-social a:hover{color:#ffd200}.footer-main{justify-content:space-between;align-items:center;gap:32px;max-width:1400px;margin:0 auto;display:flex}.footer-links{flex-wrap:wrap;flex:1;align-items:center;gap:16px 32px;display:flex}.footer-link-item{color:#fff;font:var(--type-body-sm);font-size:.85rem;text-decoration:underline;transition:color .2s}.footer-link-item:hover{color:#ffd200}.footer-logo-wrapper{flex-shrink:0}.footer-logo{width:auto;height:48px}@media (width<=900px){.site-footer{padding:48px 20px}.footer-main{flex-direction:column;align-items:center}.footer-links{grid-template-columns:1fr 1fr;gap:32px 16px;width:100%;margin-bottom:48px;display:grid}}.friks-app{color:#1a1a1a;background:#fff4fa;font-family:Inter,system-ui,-apple-system,sans-serif}.friks-portal{flex-direction:column;width:100%;display:flex;overflow-x:hidden}.friks-portal .font-display,.friks-portal h1,.friks-portal .friks-logo,.friks-portal .badge-llegaron,.friks-portal .badge-solo,.friks-portal .btn-hero,.friks-portal .friks-btn-vamos,.friks-portal .friks-btn-cerca,.friks-portal .flavor,.friks-portal .friks-flavors .label{font-family:"Baloo 2",Inter,system-ui,sans-serif}.grad{background:linear-gradient(135deg,#ff2d8a 0%,#ff4fa3 35%,#8a5cff 68%,#1e8bff 100%)}.nube{opacity:.22;pointer-events:none;background:#fff;border-radius:999px;position:absolute}.pop{transition:transform .12s cubic-bezier(.2,0,0,1),box-shadow .12s cubic-bezier(.2,0,0,1)}.pop:hover{transform:translateY(-2px)}.wiggle{animation:3s ease-in-out infinite friks-wig}@keyframes friks-wig{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.flota{animation:4s ease-in-out infinite friks-flo}@keyframes friks-flo{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-14px)rotate(-4deg)}}.shine{position:relative;overflow:hidden}.shine:after{content:"";background:#ffffff59;width:40%;height:200%;animation:3.5s ease-in-out infinite friks-sh;position:absolute;top:-50%;left:-60%;transform:rotate(20deg)}@keyframes friks-sh{0%{left:-60%}60%{left:140%}to{left:140%}}.friks-hero{color:#fff;position:relative;overflow:hidden}.friks-header{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:1312px;margin:0 auto;padding:12px 64px;display:flex;position:relative}.friks-header .brand{align-items:center;gap:12px;display:flex}.friks-header .brand img{filter:drop-shadow(0 6px 14px #00000038);width:auto;height:40px;display:block}.friks-header .brand .x{color:#fff;font-size:24px;font-weight:900}.friks-logo{letter-spacing:-.02em;color:#fff;text-shadow:0 3px #0b6bcb,0 8px 18px #0003;font-size:34px;font-weight:800}.friks-hero-body{box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:32px;max-width:1312px;margin:0 auto;padding:16px 64px 92px;display:flex;position:relative}.friks-hero-body .copy{flex-direction:column;flex:480px;align-items:flex-start;gap:16px;min-width:0;display:flex}.badge-llegaron{color:#1a1a1a;letter-spacing:.04em;background:#ffe339;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:800;display:inline-block;box-shadow:0 4px #c9a800}.friks-hero h1{letter-spacing:-.03em;color:#fff;text-shadow:0 5px #0b6bcb,0 12px 26px #00000038;margin:0;font-size:clamp(44px,4.8vw,68px);font-weight:800;line-height:.9}.friks-hero h1 span{color:#ffe339}.friks-hero .copy p{color:#fffffff2;max-width:480px;margin:0;font-size:16px;font-weight:600;line-height:1.5}.btn-hero{color:#1a1a1a;cursor:pointer;background:#ffe339;border:0;border-radius:999px;align-items:center;gap:10px;padding:14px 24px;font-size:17px;font-weight:800;display:inline-flex;box-shadow:0 6px #c9a800,0 14px 24px #0003}.btn-hero:disabled{cursor:wait;opacity:.8}.friks-hero .visual{flex:380px;justify-content:center;min-width:0;min-height:340px;display:flex;position:relative}.friks-hero .visual .sun{opacity:.9;background:#ffe339;border-radius:50%;width:300px;height:300px;position:absolute;top:12px;right:24px}.badge-solo{z-index:2;color:#fff;text-align:center;background:#df0024;border:4px solid #ffe339;border-radius:50%;justify-content:center;align-items:center;width:92px;height:92px;font-size:15px;font-weight:800;line-height:1.05;display:flex;position:absolute;top:0;right:0;transform:rotate(12deg);box-shadow:0 8px 20px #00000040}.friks-hero .visual img{object-fit:contain;border-radius:28px;width:min(320px,100%);height:auto;max-height:46vh;position:relative;transform:rotate(-4deg);box-shadow:0 24px 48px #0000004d}.friks-search{box-sizing:border-box;z-index:2;width:100%;max-width:1312px;margin:-64px auto 0;padding:0 64px;position:relative}.friks-form{background:#fff;border:3px solid #1a1a1a;border-radius:28px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 10px #1a1a1a}.friks-form-input{background:#fff4fa;border:2px solid #ffd1e6;border-radius:999px;flex:360px;align-items:center;gap:10px;min-width:0;height:56px;padding:0 18px;display:flex}.friks-form-input input{color:#1a1a1a;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:16px;font-weight:600}.friks-form-input input::placeholder{color:#969696}.friks-btn-cerca{color:#1a1a1a;cursor:pointer;background:#ffe339;border:2.5px solid #1a1a1a;border-radius:999px;align-items:center;gap:10px;height:56px;padding:0 24px;font-size:16px;font-weight:800;display:inline-flex;box-shadow:0 5px #c9a800}.friks-btn-cerca:disabled{cursor:wait;opacity:.75}.friks-flavors{flex-wrap:wrap;align-items:center;gap:10px;padding:20px 8px 0;display:flex}.friks-flavors .label{color:#1a1a1a;margin-right:4px;font-size:16px;font-weight:800}.flavor{cursor:pointer;color:#1a1a1a;background:#fff;border:2.5px solid #1a1a1a;border-radius:999px;align-items:center;gap:8px;height:46px;padding:0 20px;font-size:16px;font-weight:800;display:inline-flex;box-shadow:0 4px #1a1a1a}.flavor.todos.on{color:#fff;background:#1a1a1a;box-shadow:0 4px #000}.flavor.sandia.on{color:#fff;background:#1e8bff;box-shadow:0 4px #0b6bcb}.flavor.arcoiris.on{color:#fff;background:#ff2d8a;box-shadow:0 4px #c4006b}.friks-tabs{gap:8px;width:100%;display:flex}.friks-tab{cursor:pointer;color:#1a1a1a;background:#fff;border:2.5px solid #1a1a1a;border-radius:999px;flex:1;min-height:46px;font-family:"Baloo 2",Inter,system-ui,sans-serif;font-size:16px;font-weight:800;box-shadow:0 4px #1a1a1a}.friks-tab.on{color:#fff;background:#df0024;border-color:#1a1a1a;box-shadow:0 4px #8a0017}.friks-results{box-sizing:border-box;flex-wrap:wrap;align-items:stretch;gap:24px;width:100%;max-width:1312px;margin:24px auto 0;padding:0 64px 64px;display:flex}.friks-results .list{flex-direction:column;flex:400px;gap:12px;min-width:0;max-width:100%;display:flex}.friks-results .list-head{justify-content:space-between;align-items:baseline;gap:12px;padding:8px 4px;display:flex}.friks-results .list-head h2{letter-spacing:-.01em;color:#1a1a1a;margin:0;font-size:24px;font-weight:800}.friks-results .list-head h2 span{color:#df0024}.friks-results .list-head .sort{color:#5c5c5c;font-size:13px;font-weight:600}.friks-store-card{text-align:left;box-sizing:border-box;cursor:pointer;background:#fff;border:0;border-radius:24px;align-items:flex-start;gap:14px;width:100%;padding:18px 20px;font-family:inherit;display:flex;box-shadow:0 2px 12px #1d292f14,0 1px 2px #1d292f1a}.friks-store-card.active{outline-offset:-2.5px;outline:2.5px solid #df0024}.friks-store-card .num{color:#fff;background:#1a1a1a;border-radius:12px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:900;display:inline-flex}.friks-store-card.active .num{background:#df0024}.friks-store-card .body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.friks-store-card .row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.friks-store-card .name{color:#1a1a1a;font-size:16px;font-weight:800}.friks-store-card .dist{color:#5c5c5c;white-space:nowrap;font-size:13px;font-weight:700}.friks-store-card .addr{color:#5c5c5c;font-size:13px;line-height:1.45}.friks-store-card .chips,.friks-selected .chips{flex-wrap:wrap;gap:8px;padding-top:8px;display:flex}.chip{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.chip.sandia{color:#0b6bcb;background:#e3f0fc}.chip.arcoiris{color:#c4006b;background:#fde6f2}.chip.empty{color:#969696;background:#f6f6f6}.chip.estado{background:#fff;border:1.5px solid;font-weight:700}.friks-store-card .card-actions{gap:8px;padding-top:8px;display:flex}.btn-directions{color:#fff;background:#df0024;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:800}.btn-share{color:#1a1a1a;background:#fff;border:1.5px solid #1a1a1a;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:800}.friks-empty{text-align:center;background:#fff;border-radius:24px;padding:40px 32px;box-shadow:0 2px 12px #1d292f14,0 1px 2px #1d292f1a}.friks-empty .t{color:#1a1a1a;margin:0 0 6px;font-size:18px;font-weight:800}.friks-empty .s{color:#5c5c5c;margin:0;font-size:14px}.friks-empty .btn-retry{color:#fff;cursor:pointer;background:#df0024;border:0;border-radius:999px;margin-top:16px;padding:12px 20px;font-size:14px;font-weight:800;box-shadow:0 5px #8a0017}.friks-skeletons{flex-direction:column;gap:12px;display:flex}.friks-skeletons .sk{background:linear-gradient(90deg,#fff 25%,#ffe9f3 50%,#fff 75%) 0 0/200% 100%;border-radius:24px;height:120px;animation:1.4s infinite friks-shimmer}@keyframes friks-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.friks-results .map-col{flex-direction:column;flex:999 560px;align-self:flex-start;gap:12px;min-width:0;display:flex;position:sticky;top:16px}.totals{flex-wrap:wrap;gap:12px;display:flex}.total{border-radius:16px;flex:200px;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.total.sandia{background:#e3f0fc}.total.arcoiris{background:#fde6f2}.total>div{flex-direction:column;gap:2px;display:flex}.total .t{letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800}.total.sandia .t{color:#0b6bcb}.total.arcoiris .t{color:#c4006b}.total .ean{color:#5c5c5c;letter-spacing:.08em;font-family:SF Mono,Menlo,monospace;font-size:11px}.total .n{font-family:"Baloo 2",Inter,system-ui,sans-serif;font-size:30px;font-weight:800;line-height:1}.total.sandia .n{color:#0b6bcb}.total.arcoiris .n{color:#c4006b}.friks-map{border:1px solid #efefef;border-radius:24px;height:min(72vh,620px);min-height:480px;position:relative;overflow:hidden}.friks-google-map{width:100%;height:100%}.mapa{background-color:#eaf2ff;background-image:linear-gradient(#1e8bff24 1.5px,#0000 1.5px),linear-gradient(90deg,#1e8bff24 1.5px,#0000 1.5px);background-size:120px 120px;justify-content:center;align-items:center;display:flex}.mapa p{color:#1a1a1a;text-align:center;margin:0;padding:24px;font-weight:700}.friks-pin{color:#fff;cursor:pointer;background:#1a1a1a;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-family:"Baloo 2",Inter,system-ui,sans-serif;font-size:14px;font-weight:800;display:flex;box-shadow:0 6px 14px #00000040}.friks-pin.active{background:#df0024;width:44px;height:44px;font-size:17px}.friks-you{flex-direction:column;align-items:center;gap:6px;display:flex}.friks-you .dot{background:#df0024;border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 10px #df002424,0 2px 6px #00000040}.friks-you .tag{color:#fff;white-space:nowrap;background:#1a1a1a;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.map-overlays{z-index:5;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:16px;left:16px;right:16px}.map-overlays>*{pointer-events:auto}.friks-search-area{color:#1a1a1a;cursor:pointer;background:#ffe339;border:2.5px solid #1a1a1a;border-radius:999px;padding:10px 18px;font-family:"Baloo 2",Inter,system-ui,sans-serif;font-size:14px;font-weight:800;box-shadow:0 4px #c9a800}.friks-selected{box-sizing:border-box;background:#fff;border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px;width:100%;padding:16px 44px 16px 18px;display:flex;position:relative;box-shadow:0 10px 24px #1d292f1f,0 1px 2px #1d292f1f}.friks-selected .btn-close{color:#1a1a1a;cursor:pointer;background:#f6f6f6;border:0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;font-weight:700;line-height:1;display:flex;position:absolute;top:10px;right:10px}.friks-selected .btn-close:hover{background:#dadada}.friks-selected .info{flex-direction:column;flex:220px;gap:2px;min-width:0;display:flex}.friks-selected .overline{letter-spacing:.14em;text-transform:uppercase;color:#df0024;font-size:11px;font-weight:800}.friks-selected .name{color:#1a1a1a;font-size:16px;font-weight:800}.friks-selected .meta{color:#5c5c5c;font-size:13px}.friks-selected .chips{padding-top:0}.friks-selected .btn-go{color:#fff;cursor:pointer;background:#df0024;border:0;border-radius:999px;padding:12px 18px;font-size:13px;font-weight:800}.friks-selected .btn-share-map{color:#1a1a1a;cursor:pointer;background:#fff;border:1.5px solid #1a1a1a;border-radius:999px;padding:12px 18px;font-size:13px;font-weight:800}@media (width<=900px){.friks-header{padding:16px 20px}.friks-header .brand img{height:40px}.friks-logo{font-size:34px}.friks-hero-body{gap:24px;padding:24px 20px 96px}.friks-hero h1{font-size:56px}.friks-hero .copy p{font-size:16px}.btn-hero{padding:14px 22px;font-size:17px}.friks-hero .visual{min-height:320px}.friks-hero .visual .sun{width:280px;height:280px;top:10px;right:10px}.friks-hero .visual img{width:300px}.badge-solo{width:92px;height:92px;font-size:14px}.friks-search{margin-top:-56px;padding:0 20px}.friks-btn-cerca{flex:100%;justify-content:center}.friks-results{padding:0 20px 48px}.friks-map{height:420px;min-height:420px}.friks-results .map-col{position:static}}@media (prefers-reduced-motion:reduce){.wiggle,.flota,.shine:after,.friks-skeletons .sk{animation:none}}