{"id":2573,"date":"2026-05-28T19:28:52","date_gmt":"2026-05-28T19:28:52","guid":{"rendered":"https:\/\/maanyuba.com\/?page_id=2573"},"modified":"2026-06-09T19:49:14","modified_gmt":"2026-06-09T19:49:14","slug":"gallos-marketplace","status":"publish","type":"page","link":"https:\/\/maanyuba.com\/en\/gallo-card\/gallos-marketplace\/","title":{"rendered":"Gallos Marketplace"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nTienda Oficial \u2013 Gallo Card<\/title>\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');\r\n\r\n\/* \u2500\u2500 WRAPPER \u2500\u2500 *\/\r\n#bg-demo {\r\n --bg-bg:#f2f4f8; --bg-white:#ffffff; --bg-black:#17181C;\r\n --bg-blue:#1a50e8; --bg-blue-dark:#1240c4; --bg-blue-light:#eef2fe;\r\n --bg-text:#0d0f12; --bg-text-2:#444c5e; --bg-text-3:#8a92a6;\r\n --bg-border:#e4e7ef; --bg-green:#17b362; --bg-green-bg:#edfbf4;\r\n --bg-yellow-bg:#fffbeb; --bg-yellow-border:#f5e27a; --bg-yellow-text:#7a5c00;\r\n --bg-radius:16px; --bg-radius-sm:10px;\r\n --bg-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 14px rgba(0,0,0,.05);\r\n --bg-shadow-md:0 4px 24px rgba(0,0,0,.10);\r\n --bg-nav-h: 0px;\r\n\r\n --img-p1: url('https:\/\/maanyuba.com\/wp-content\/uploads\/2026\/06\/jersery-qro-1.png');\r\n --img-p2: url('https:\/\/maanyuba.com\/wp-content\/uploads\/2026\/06\/playera-qro-1.png');\r\n --img-p3: url('https:\/\/maanyuba.com\/wp-content\/uploads\/2026\/06\/bufanda-qro-1.png');\r\n --img-p4: url('https:\/\/maanyuba.com\/wp-content\/uploads\/2026\/06\/gorra-qro-1.png');\r\n --img-p5: url('https:\/\/maanyuba.com\/wp-content\/uploads\/2026\/06\/balon-qro-1.png');\r\n --img-p6: url('https:\/\/maanyuba.com\/wp-content\/uploads\/2026\/06\/taza-qro-1.png');\r\n --img-p7: url('https:\/\/maanyuba.com\/wp-content\/uploads\/2026\/06\/llavero-qro.png');\r\n --img-p8: url('https:\/\/maanyuba.com\/wp-content\/uploads\/2026\/06\/chamarra-qro-1.png');\r\n --img-promo: url('https:\/\/maanyuba.com\/wp-content\/uploads\/2026\/06\/banner-jersey.png');\r\n\r\n display:block !important;\r\n position:relative;\r\n width:100% !important;\r\n min-height:100vh;\r\n background:#17181C !important;\r\n font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif !important;\r\n font-size:16px !important;\r\n line-height:1.5 !important;\r\n color:#17181C !important;\r\n overflow-x:hidden;\r\n padding-top: var(--bg-nav-h) !important;\r\n margin:0 !important;\r\n box-sizing:border-box !important;\r\n}\r\n#bg-demo *,#bg-demo *::before,#bg-demo *::after {\r\n box-sizing:border-box !important;\r\n -webkit-tap-highlight-color:transparent;\r\n}\r\n\r\n\/* \u2500\u2500 SCREENS \u2500\u2500 *\/\r\n#bg-demo .bg-screen {\r\n display:none !important;\r\n flex-direction:column;\r\n height: calc(100svh - var(--bg-nav-h));\r\n min-height: calc(100svh - var(--bg-nav-h));\r\n max-width:430px;\r\n margin:0 auto !important;\r\n background:var(--bg-black);\r\n padding:0 !important;\r\n overflow:hidden;\r\n}\r\n#bg-demo .bg-screen.bg-active { display:flex !important; animation:bg-fadeUp .22s ease; }\r\n@keyframes bg-fadeUp { from{opacity:0;transform:translateY(7px)} to{opacity:1;transform:translateY(0)} }\r\n\r\n\/* \u2500\u2500 TIENDA y DETALLE: scroll natural de p\u00e1gina \u2500\u2500 *\/\r\n#bg-demo #screen-tienda.bg-active,\r\n#bg-demo #screen-detalle.bg-active {\r\n display: block !important;\r\n height: auto !important;\r\n min-height: 0 !important;\r\n max-height: none !important;\r\n overflow: visible !important;\r\n background: var(--bg-black) !important;\r\n}\r\n\r\n\/* \u2500\u2500 PAGE HEADER \u2500\u2500 *\/\r\n#bg-demo .bg-page-header { display: none !important; }\r\n\r\n\/* \u2500\u2500 CONTENEDOR CLARO \u2500\u2500 *\/\r\n#bg-demo .bg-page-content,\r\n#bg-demo .bg-flow-page-content {\r\n flex: 1 1 auto !important;\r\n min-height: 0 !important;\r\n background: var(--bg-bg) !important;\r\n border-radius: 26px 26px 0 0 !important;\r\n overflow-y: auto !important;\r\n overflow-x: hidden !important;\r\n padding: 20px 16px 130px !important;\r\n}\r\n#bg-demo .bg-flow-page-content { padding-bottom: 132px !important; }\r\n\r\n\/* \u2500\u2500 TIENDA: products-scroll \u2500\u2500 *\/\r\n#bg-demo #screen-tienda.bg-active .mk-products-scroll {\r\n flex: none !important;\r\n height: auto !important;\r\n max-height: none !important;\r\n overflow: visible !important;\r\n overflow-y: visible !important;\r\n overflow-x: hidden !important;\r\n}\r\n\r\n\/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\r\n#bg-demo .bg-btn-primary,\r\n#bg-demo .bg-btn-secondary,\r\n#bg-demo .bg-btn-back-em,\r\n#bg-demo .bg-qty-btn {\r\n -webkit-appearance:none !important;\r\n appearance:none !important;\r\n cursor:pointer;\r\n}\r\n#bg-demo .bg-btn-primary {\r\n width:100% !important;\r\n background:var(--bg-blue) !important;\r\n color:#fff !important;\r\n border:none !important;\r\n border-radius:12px !important;\r\n padding:16px !important;\r\n font-size:16px !important;\r\n font-weight:600 !important;\r\n font-family:inherit !important;\r\n transition:background .15s,transform .1s;\r\n display:flex !important;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n margin-bottom:10px;\r\n letter-spacing:-.2px;\r\n outline:none !important;\r\n text-decoration:none !important;\r\n box-shadow:none !important;\r\n}\r\n#bg-demo .bg-btn-primary:active { background:var(--bg-blue-dark) !important; transform:scale(.98); }\r\n#bg-demo .bg-btn-secondary {\r\n width:100% !important;\r\n background:#fff !important;\r\n color:var(--bg-text-2) !important;\r\n border:1.5px solid var(--bg-border) !important;\r\n border-radius:12px !important;\r\n padding:15px !important;\r\n font-size:14px !important;\r\n font-weight:500 !important;\r\n font-family:inherit !important;\r\n transition:background .15s;\r\n margin-bottom:10px;\r\n display:block !important;\r\n text-align:center;\r\n text-decoration:none !important;\r\n box-shadow:none !important;\r\n}\r\n#bg-demo .bg-btn-secondary:active { background:var(--bg-bg) !important; }\r\n\r\n\/* \u2500\u2500 BACK BUTTON \u2500\u2500 *\/\r\n#bg-demo .bg-btn-back-em {\r\n width:52px !important; height:52px !important; flex:0 0 52px !important;\r\n background:var(--bg-bg) !important;\r\n border:1.5px solid var(--bg-border) !important;\r\n border-radius:12px !important;\r\n display:flex !important; align-items:center !important; justify-content:center !important;\r\n color:var(--bg-text-2) !important;\r\n padding:0 !important;\r\n box-shadow:none !important; text-shadow:none !important;\r\n transition:background .15s !important;\r\n}\r\n#bg-demo .bg-btn-back-em:active { background:var(--bg-border) !important; }\r\n\r\n\/* \u2500\u2500 FIXED BOTTOM CTA \u2500\u2500 *\/\r\n#bg-demo .bg-screen .bg-flow-cta-bar { display:none !important; }\r\n#bg-demo .bg-screen.bg-active .bg-flow-cta-bar {\r\n display:block !important;\r\n position:fixed; bottom:0; left:50%; transform:translateX(-50%);\r\n width:100%; max-width:430px;\r\n background:#fff !important;\r\n padding:12px 16px calc(12px + env(safe-area-inset-bottom));\r\n border-top:1px solid var(--bg-border) !important;\r\n box-shadow:0 -4px 20px rgba(0,0,0,.07);\r\n z-index:20;\r\n}\r\n#bg-demo .bg-screen.bg-active .bg-flow-cta-bar.bg-has-back {\r\n display:flex !important; align-items:center !important; gap:10px !important;\r\n}\r\n#bg-demo .bg-screen.bg-active .bg-flow-cta-bar.bg-has-back .bg-btn-primary {\r\n flex:1 1 auto !important; width:auto !important; margin-bottom:0 !important;\r\n}\r\n#bg-demo .bg-screen.bg-active .bg-flow-cta-bar.bg-back-only {\r\n padding-top:10px !important; padding-bottom:calc(10px + env(safe-area-inset-bottom)) !important;\r\n}\r\n#bg-demo .bg-flow-cta-bar .bg-btn-primary { margin-bottom:0; }\r\n#bg-demo .bg-flow-cta-bar .bg-btn-secondary { margin-bottom:0; }\r\n\r\n\/* \u2500\u2500 FORM ELEMENTS \u2500\u2500 *\/\r\n#bg-demo .bg-form-card {\r\n background:var(--bg-white) !important; border-radius:var(--bg-radius);\r\n box-shadow:var(--bg-shadow); padding:16px; margin-bottom:14px;\r\n display:flex !important; flex-direction:column; gap:14px;\r\n}\r\n#bg-demo .bg-form-group { display:flex !important; flex-direction:column; gap:6px; }\r\n#bg-demo .bg-form-label { font-size:12px !important; font-weight:600 !important; color:var(--bg-text-2) !important; }\r\n#bg-demo .bg-form-input {\r\n background:#fff !important; border:1.5px solid var(--bg-border) !important;\r\n border-radius:var(--bg-radius-sm) !important; color:var(--bg-text) !important;\r\n font-size:15px !important; padding:12px 14px !important; width:100% !important;\r\n outline:none !important; transition:border-color .15s; font-family:inherit !important;\r\n -webkit-appearance:none !important; appearance:none !important; box-shadow:none !important; margin:0 !important;\r\n}\r\n#bg-demo .bg-form-input::placeholder { color:var(--bg-text-3); }\r\n#bg-demo .bg-form-input:focus { border-color:var(--bg-blue) !important; }\r\n#bg-demo .bg-form-row-2 { display:grid !important; grid-template-columns:1fr 1fr; gap:12px; }\r\n#bg-demo .bg-prefix-wrap {\r\n display:flex !important; align-items:center; background:#fff;\r\n border:1.5px solid var(--bg-border) !important; border-radius:var(--bg-radius-sm); overflow:hidden; transition:border-color .15s;\r\n}\r\n#bg-demo .bg-prefix-wrap:focus-within { border-color:var(--bg-blue) !important; }\r\n#bg-demo .bg-prefix { font-size:14px; color:var(--bg-text-2); padding:12px 10px 12px 14px; border-right:1px solid var(--bg-border) !important; white-space:nowrap; background:#f8f9fb; }\r\n#bg-demo .bg-form-input.bg-pre { border:none !important; border-radius:0 !important; flex:1; }\r\n\r\n\/* \u2500\u2500 QTY \u2500\u2500 *\/\r\n#bg-demo .bg-qty-wrap {\r\n display:flex !important; align-items:center; background:#fff !important;\r\n border:1.5px solid var(--bg-border) !important; border-radius:var(--bg-radius-sm); overflow:hidden; height:48px;\r\n}\r\n#bg-demo .bg-qty-btn {\r\n width:48px; height:100%; background:#f8f9fb !important; border:none !important;\r\n color:var(--bg-text) !important; font-size:20px !important; display:flex !important;\r\n align-items:center; justify-content:center; flex-shrink:0; transition:background .1s; padding:0 !important;\r\n}\r\n#bg-demo .bg-qty-btn:active { background:var(--bg-border) !important; }\r\n#bg-demo .bg-qty-val { flex:1; text-align:center; font-size:17px; font-weight:600; color:var(--bg-text) !important; }\r\n\r\n\/* \u2500\u2500 SUMMARY ROWS \u2500\u2500 *\/\r\n#bg-demo .bg-sum-mini {\r\n background:var(--bg-white) !important; border-radius:var(--bg-radius);\r\n box-shadow:var(--bg-shadow); padding:14px 16px; margin-bottom:14px;\r\n display:flex !important; flex-direction:column; gap:9px;\r\n}\r\n#bg-demo .bg-sum-row { display:flex !important; justify-content:space-between; font-size:13px; color:var(--bg-text-2); }\r\n#bg-demo .bg-sum-row span:last-child { color:var(--bg-text) !important; font-weight:500; }\r\n#bg-demo .bg-sum-row.bg-total { padding-top:9px; border-top:1px solid var(--bg-border) !important; }\r\n#bg-demo .bg-sum-row.bg-total span:first-child { font-weight:700; color:var(--bg-text) !important; }\r\n#bg-demo .bg-sum-row.bg-total span:last-child { font-weight:700; color:var(--bg-blue) !important; font-size:16px; }\r\n\r\n\/* \u2500\u2500 CARD PREVIEW \u2500\u2500 *\/\r\n#bg-demo .bg-card-prev {\r\n background:linear-gradient(135deg,#1e3a6e,#1240c4 60%,#2d7aff) !important;\r\n border-radius:14px; padding:20px; margin-bottom:4px; box-shadow:0 4px 20px rgba(26,80,232,.2);\r\n}\r\n#bg-demo .bg-card-prev-top { display:flex !important; justify-content:space-between; align-items:center; margin-bottom:20px; }\r\n#bg-demo .bg-chip { width:32px; height:24px; background:rgba(255,255,255,.75); border-radius:4px; position:relative; overflow:hidden; }\r\n#bg-demo .bg-chip::after { content:''; position:absolute; left:50%; top:0; bottom:0; width:1px; background:rgba(0,0,0,.1); }\r\n#bg-demo .bg-card-brand {\r\n min-width:56px;\r\n min-height:24px;\r\n display:flex !important;\r\n align-items:center;\r\n justify-content:flex-end;\r\n color:#fff !important;\r\n}\r\n#bg-demo .bg-card-brand svg { display:block; width:52px; height:24px; }\r\n#bg-demo .bg-card-brand .bg-card-brand-text {\r\n font-size:14px; font-weight:700; color:#fff !important; letter-spacing:1.2px; font-style:italic;\r\n}\r\n#bg-demo .bg-card-num-prev { font-size:16px; letter-spacing:2.5px; color:#fff !important; font-family:'SF Mono','Courier New',monospace !important; margin-bottom:20px; font-weight:500; }\r\n#bg-demo .bg-card-bottom { display:flex !important; justify-content:space-between; }\r\n#bg-demo .bg-card-lbl { font-size:8px; letter-spacing:1.5px; color:rgba(255,255,255,.5) !important; margin-bottom:3px; }\r\n#bg-demo .bg-card-val { font-size:12px; font-weight:600; color:#fff !important; letter-spacing:.5px; font-family:'SF Mono','Courier New',monospace !important; text-transform:uppercase; }\r\n#bg-demo .bg-secure-badge { display:flex !important; align-items:center; gap:6px; font-size:11px; color:var(--bg-green) !important; font-weight:600; margin-bottom:12px; }\r\n\r\n\/* \u2500\u2500 CONFIRM \u2500\u2500 *\/\r\n#bg-demo .bg-confirm-icon {\r\n width:72px !important; height:72px !important; min-width:72px !important; min-height:72px !important;\r\n flex:0 0 72px !important; aspect-ratio:1\/1 !important; border-radius:999px !important;\r\n display:flex !important; align-items:center !important; justify-content:center !important;\r\n background:var(--bg-blue) !important; margin-bottom:20px;\r\n box-shadow:0 0 0 12px rgba(26,80,232,.10),0 0 0 24px rgba(26,80,232,.05) !important;\r\n}\r\n#bg-demo .bg-confirm-icon svg { width:38px !important; height:38px !important; flex:0 0 auto !important; display:block !important; }\r\n#bg-demo .bg-confirm-title { font-size:22px; font-weight:700; color:var(--bg-text) !important; letter-spacing:-.5px; margin-bottom:10px; line-height:1.2; text-align:center; }\r\n#bg-demo .bg-confirm-text { font-size:14px; color:var(--bg-text-2); line-height:1.6; margin-bottom:24px; max-width:360px; text-align:center; }\r\n#bg-demo .bg-folio-card { width:100%; background:var(--bg-white) !important; border-radius:var(--bg-radius); box-shadow:var(--bg-shadow); padding:16px; margin-bottom:14px; text-align:center; }\r\n#bg-demo .bg-folio-lbl { font-size:10px; font-weight:700; letter-spacing:1.5px; color:var(--bg-text-3); margin-bottom:5px; }\r\n#bg-demo .bg-folio-num { font-size:18px; font-weight:700; color:var(--bg-blue) !important; font-family:'SF Mono','Courier New',monospace !important; letter-spacing:1px; }\r\n#bg-demo .bg-conf-summary { width:100%; background:var(--bg-white) !important; border-radius:var(--bg-radius); box-shadow:var(--bg-shadow); padding:4px 0; margin-bottom:24px; text-align:left; }\r\n#bg-demo .bg-conf-row { display:flex !important; justify-content:space-between; padding:12px 16px; font-size:13px; color:var(--bg-text-2); }\r\n#bg-demo .bg-conf-row span:last-child { color:var(--bg-text) !important; font-weight:500; }\r\n#bg-demo .bg-conf-div { height:1px; background:var(--bg-border); margin:0 16px; }\r\n#bg-demo .bg-conf-total { padding:14px 16px; display:flex !important; justify-content:space-between; }\r\n#bg-demo .bg-conf-total span:first-child { font-weight:700; color:var(--bg-text) !important; font-size:14px; }\r\n#bg-demo .bg-conf-total span:last-child { font-weight:700; color:var(--bg-blue) !important; font-size:16px; }\r\n\r\n@keyframes bg-shake { 0%,100%{transform:translateX(0)} 20%,60%{transform:translateX(-5px)} 40%,80%{transform:translateX(5px)} }\r\n#bg-demo .bg-shake { animation:bg-shake .4s ease; border-color:#e84040 !important; }\r\n\r\n\/* \u2500\u2500 STORE HEADER BANNER \u2500\u2500 *\/\r\n#bg-demo .mk-store-banner {\r\n background: var(--bg-black);\r\n padding: 20px 16px 14px;\r\n position: relative;\r\n flex-shrink: 0;\r\n}\r\n#bg-demo .mk-store-banner::after {\r\n content:''; position:absolute; inset:0;\r\n background:none !important;\r\n pointer-events:none; overflow:hidden;\r\n}\r\n#bg-demo .mk-store-tag {\r\n display:inline-flex; align-items:center; gap:5px;\r\n background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12) !important;\r\n color:rgba(255,255,255,.7) !important; font-size:9px; font-weight:700;\r\n letter-spacing:1.8px; padding:4px 11px; border-radius:99px; margin-bottom:10px;\r\n}\r\n#bg-demo .mk-store-title {\r\n font-family:'Bebas Neue',sans-serif !important;\r\n font-size:38px; line-height:.95; color:#fff !important;\r\n letter-spacing:1px; margin-bottom:4px; position:relative; z-index:1;\r\n}\r\n#bg-demo .mk-store-title span { color:var(--bg-blue) !important; }\r\n#bg-demo .mk-store-sub { font-size:12px; color:rgba(255,255,255,.45); position:relative; z-index:1; margin-bottom:16px; }\r\n\r\n\/* \u2500\u2500 FILTER CHIPS \u2500\u2500 *\/\r\n#bg-demo .mk-filter-row {\r\n display:flex; gap:7px; overflow-x:auto; padding:14px 20px;\r\n background:var(--bg-black); flex-shrink:0; scrollbar-width:none;\r\n}\r\n#bg-demo .mk-filter-row::-webkit-scrollbar { display:none; }\r\n#bg-demo .mk-chip-filter {\r\n flex-shrink:0; display:flex; align-items:center; gap:5px;\r\n background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.1) !important;\r\n color:rgba(255,255,255,.6) !important; font-size:11px; font-weight:600;\r\n padding:6px 13px !important; border-radius:99px; cursor:pointer;\r\n transition:background .15s, border-color .15s, color .15s; white-space:nowrap;\r\n}\r\n#bg-demo .mk-chip-filter.mk-active {\r\n background:var(--bg-blue) !important; border-color:var(--bg-blue) !important; color:#fff !important;\r\n}\r\n\r\n\/* \u2500\u2500 PRODUCT GRID \u2500\u2500 *\/\r\n#bg-demo .mk-products-scroll {\r\n background:var(--bg-bg); border-radius:26px 26px 0 0;\r\n padding:24px 16px 120px; overflow:visible; height:auto;\r\n}\r\n#bg-demo .mk-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }\r\n\r\n\/* \u2500\u2500 PRODUCT CARD \u2500\u2500 *\/\r\n#bg-demo .mk-prod-card {\r\n background:var(--bg-white) !important; border-radius:var(--bg-radius);\r\n box-shadow:var(--bg-shadow); overflow:hidden; cursor:pointer;\r\n transition:transform .15s, box-shadow .15s; position:relative;\r\n}\r\n#bg-demo .mk-prod-card:active { transform:scale(.97); }\r\n#bg-demo .mk-prod-img-placeholder {\r\n width:100%; aspect-ratio:1\/1;\r\n background: linear-gradient(135deg, #e8ebf2 0%, #d5d9e8 100%);\r\n overflow:hidden; position:relative; display:block;\r\n}\r\n#bg-demo .mk-prod-img-placeholder img {\r\n width:100%; height:100%; object-fit:cover; object-position:center;\r\n display:block; position:absolute; inset:0;\r\n}\r\n#bg-demo .mk-hero-card-img {\r\n width:136px; flex-shrink:0; position:relative; overflow:hidden;\r\n background: rgba(255,255,255,.05);\r\n}\r\n#bg-demo .mk-hero-card-img img {\r\n width:100%; height:100%; object-fit:cover; object-position:center;\r\n display:block; position:absolute; inset:0;\r\n}\r\n#bg-demo .mk-cart-item-emoji { overflow:hidden; position:relative; }\r\n#bg-demo .mk-cart-item-emoji img {\r\n width:100%; height:100%; object-fit:cover; object-position:center;\r\n display:block; position:absolute; inset:0;\r\n}\r\n#bg-demo .mk-prod-body { padding:12px 12px 14px; }\r\n#bg-demo .mk-prod-cat { font-size:9px; font-weight:700; letter-spacing:1.5px; color:var(--bg-text-3); margin-bottom:4px; text-transform:uppercase; }\r\n#bg-demo .mk-prod-name { font-size:13px; font-weight:700; color:var(--bg-text) !important; line-height:1.3; margin-bottom:8px; }\r\n#bg-demo .mk-prod-price { font-size:15px; font-weight:700; color:var(--bg-blue) !important; }\r\n#bg-demo .mk-prod-badge {\r\n position:absolute; top:8px; right:8px;\r\n background:var(--bg-blue); color:#fff !important;\r\n font-size:9px; font-weight:700; letter-spacing:.8px;\r\n padding:3px 8px; border-radius:99px; z-index:2;\r\n}\r\n#bg-demo .mk-prod-add-btn {\r\n width:32px; height:32px; border-radius:9px;\r\n background:var(--bg-blue) !important; border:none !important;\r\n color:#fff !important; display:flex; align-items:center; justify-content:center;\r\n cursor:pointer; padding:0 !important; box-shadow:none !important;\r\n -webkit-appearance:none !important; font-size:20px; font-weight:300; line-height:1; flex-shrink:0;\r\n transition:background .15s, transform .1s;\r\n}\r\n#bg-demo .mk-prod-add-btn:active { background:var(--bg-blue-dark) !important; transform:scale(.93); }\r\n\r\n\/* \u2500\u2500 FEATURED CARD \u2500\u2500 *\/\r\n#bg-demo .mk-prod-card.mk-featured { grid-column:1\/-1; display:flex; flex-direction:row; align-items:stretch; }\r\n#bg-demo .mk-prod-card.mk-featured .mk-prod-img-placeholder { width:120px; aspect-ratio:auto; flex-shrink:0; border-radius:0; }\r\n#bg-demo .mk-prod-card.mk-featured .mk-prod-body { flex:1; padding:14px; display:flex; flex-direction:column; justify-content:center; }\r\n#bg-demo .mk-prod-card.mk-featured .mk-prod-name { font-size:15px; }\r\n#bg-demo .mk-prod-card.mk-featured .mk-prod-price { font-size:17px; }\r\n\r\n\/* \u2500\u2500 PROMO HERO \u2500\u2500 *\/\r\n#bg-demo .mk-promo-hero {\r\n margin: 0; border-radius: var(--bg-radius);\r\n background-color:#17181C; background-image: var(--img-promo);\r\n background-size: cover; background-position: center right;\r\n overflow: hidden; position: relative; cursor: pointer; flex-shrink: 0; transition: transform .15s;\r\n}\r\n#bg-demo .mk-promo-hero:active { transform: scale(.98); }\r\n#bg-demo .mk-promo-hero::before { content:''; position:absolute; inset:0; z-index:0; background:transparent; pointer-events:none; }\r\n#bg-demo .mk-promo-inner { display: flex; align-items: stretch; min-height: 130px; position: relative; z-index: 1; }\r\n#bg-demo .mk-promo-text { flex:1; padding:20px 20px 20px 18px; display:flex; flex-direction:column; justify-content:center; }\r\n#bg-demo .mk-promo-tag { display:inline-block; background:rgba(255,255,255,.12); color:rgba(255,255,255,.8) !important; font-size:8px; font-weight:700; letter-spacing:1.8px; padding:3px 9px; border-radius:99px; margin-bottom:8px; width:fit-content; }\r\n#bg-demo .mk-promo-headline { font-family:'Bebas Neue',sans-serif !important; font-size:22px; line-height:1; color:#fff !important; letter-spacing:.5px; margin-bottom:4px; }\r\n#bg-demo .mk-promo-sub { font-size:11px; color:rgba(255,255,255,.6); line-height:1.4; margin-bottom:12px; }\r\n#bg-demo .mk-promo-cta {\r\n display:inline-flex; align-items:center; gap:5px;\r\n background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.25) !important;\r\n color:#fff !important; font-size:11px; font-weight:700; letter-spacing:.3px;\r\n padding:6px 12px !important; border-radius:99px; width:fit-content;\r\n -webkit-appearance:none !important; cursor:pointer; transition:background .15s;\r\n box-shadow:none !important; text-shadow:none !important; text-decoration:none !important;\r\n}\r\n#bg-demo .mk-promo-cta:active { background:rgba(255,255,255,.25) !important; }\r\n\r\n\/* \u2500\u2500 SECTION DIVIDERS \u2500\u2500 *\/\r\n#bg-demo .mk-catalog-section { margin-bottom: 32px; }\r\n#bg-demo .mk-catalog-section:last-child { margin-bottom: 0; }\r\n#bg-demo .mk-section-label { display:flex; align-items:center; gap:8px; margin-bottom:12px; }\r\n#bg-demo .mk-section-label-text { font-size:13px; font-weight:700; color:var(--bg-text) !important; letter-spacing:-.2px; white-space:nowrap; }\r\n#bg-demo .mk-section-label-line { flex:1; height:1px; background:var(--bg-border); }\r\n#bg-demo .mk-section-label-count { font-size:11px; color:var(--bg-text-3); font-weight:500; white-space:nowrap; }\r\n\r\n\/* \u2500\u2500 HERO CARD \u2500\u2500 *\/\r\n#bg-demo .mk-hero-card {\r\n background: linear-gradient(135deg, #0d1a3a 0%, #1240c4 60%, #2d7aff 100%) !important;\r\n border-radius: var(--bg-radius); overflow: hidden; cursor: pointer;\r\n transition: transform .15s; margin-bottom: 12px; position: relative;\r\n display: flex; align-items: stretch; min-height: 140px;\r\n box-shadow: 0 6px 28px rgba(26,80,232,.28);\r\n}\r\n#bg-demo .mk-hero-card:active { transform: scale(.98); }\r\n#bg-demo .mk-hero-card-img { width: 136px; flex-shrink:0; display:flex; align-items:center; justify-content:center; position:relative; background: rgba(255,255,255,.05); overflow:hidden; }\r\n#bg-demo .mk-hero-card-img::after { content:''; position:absolute; top:0; right:0; bottom:0; width:1px; background:rgba(255,255,255,.08); }\r\n#bg-demo .mk-hero-card-body { flex:1; padding:18px 16px; display:flex; flex-direction:column; justify-content:center; }\r\n#bg-demo .mk-hero-card-tag { display:inline-block; background:rgba(255,255,255,.15); color:rgba(255,255,255,.9) !important; font-size:8px; font-weight:700; letter-spacing:1.6px; padding:3px 9px; border-radius:99px; margin-bottom:8px; width:fit-content; }\r\n#bg-demo .mk-hero-card-name { font-size:17px; font-weight:700; color:#fff !important; line-height:1.2; margin-bottom:4px; letter-spacing:-.2px; }\r\n#bg-demo .mk-hero-card-desc { font-size:11px; color:rgba(255,255,255,.55); line-height:1.4; margin-bottom:10px; }\r\n#bg-demo .mk-hero-card-footer { display:flex; align-items:center; justify-content:space-between; }\r\n#bg-demo .mk-hero-card-price { font-size:20px; font-weight:700; color:#fff !important; letter-spacing:-.3px; }\r\n#bg-demo .mk-hero-card-btn {\r\n width:32px; height:32px; border-radius:9px;\r\n background:rgba(255,255,255,.2) !important; border:1px solid rgba(255,255,255,.3) !important;\r\n color:#fff !important; display:flex; align-items:center; justify-content:center;\r\n cursor:pointer; padding:0 !important; font-size:20px; font-weight:300;\r\n -webkit-appearance:none !important; transition:background .15s, transform .1s; box-shadow:none !important;\r\n}\r\n#bg-demo .mk-hero-card-btn:active { background:rgba(255,255,255,.35) !important; transform:scale(.9); }\r\n\r\n\/* \u2500\u2500 CART BADGE \u2500\u2500 *\/\r\n#bg-demo .mk-cart-btn {\r\n position:relative; width:42px; height:42px; border-radius:12px;\r\n background:var(--bg-blue-light) !important; border:none !important;\r\n display:flex; align-items:center; justify-content:center;\r\n cursor:pointer; padding:0 !important; flex-shrink:0;\r\n box-shadow:none !important; -webkit-appearance:none !important;\r\n color:var(--bg-blue) !important; transition:background .15s; overflow:visible; line-height:0;\r\n}\r\n#bg-demo .mk-cart-btn:active { background:#dce8ff !important; }\r\n#bg-demo .mk-cart-count {\r\n position:absolute; top:-5px; right:-5px; width:18px; height:18px; border-radius:50%;\r\n background:var(--bg-blue); color:#fff !important; font-size:12px; font-weight:900;\r\n display:flex; align-items:center; justify-content:center; border:2px solid var(--bg-black); z-index:2;\r\n}\r\n#bg-demo .mk-cart-count.mk-hidden { display:none !important; }\r\n\r\n\/* \u2500\u2500 STORE HEADER ROW \u2500\u2500 *\/\r\n#bg-demo .mk-store-header-row {\r\n display:flex; align-items:center; justify-content:space-between;\r\n position:relative; z-index:1;\r\n}\r\n\r\n\/* \u2500\u2500 PRODUCT DETAIL \u2014 scroll natural \u2500\u2500 *\/\r\n#bg-demo .mk-detail-img {\r\n width:100%; height:320px;\r\n background: linear-gradient(160deg, #e8ebf2 0%, #d0d5e8 100%);\r\n position:relative; flex-shrink:0;\r\n height:50vh!important;\r\n}\r\n#bg-demo .mk-detail-img img {\r\n width:100%; height:100%; object-fit:cover; object-position:center;\r\n display:block; position:absolute; inset:0;\r\n}\r\n#bg-demo .mk-detail-content {\r\n background:var(--bg-bg);\r\n border-radius:26px 26px 0 0;\r\n margin-top:-26px; position:relative; z-index:1;\r\n padding:22px 16px 120px;\r\n}\r\n#bg-demo .mk-detail-cat { font-size:10px; font-weight:700; letter-spacing:1.5px; color:var(--bg-text-3); margin-bottom:6px; text-transform:uppercase; }\r\n#bg-demo .mk-detail-name { font-size:24px; font-weight:700; color:var(--bg-text) !important; letter-spacing:-.4px; line-height:1.2; margin-bottom:6px; }\r\n#bg-demo .mk-detail-price { font-size:28px; font-weight:700; color:var(--bg-blue) !important; margin-bottom:14px; }\r\n#bg-demo .mk-detail-desc { font-size:13px; color:var(--bg-text-2); line-height:1.6; margin-bottom:20px; }\r\n#bg-demo .mk-detail-section { font-size:11px; font-weight:700; letter-spacing:1px; color:var(--bg-text-3); margin-bottom:10px; text-transform:uppercase; }\r\n\r\n\/* \u2500\u2500 VARIANT SELECTOR \u2500\u2500 *\/\r\n#bg-demo .mk-variants { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:20px; }\r\n#bg-demo .mk-var-btn {\r\n min-width:44px; height:44px; border-radius:10px;\r\n background:var(--bg-white) !important; border:1.5px solid var(--bg-border) !important;\r\n color:var(--bg-text) !important; font-size:13px; font-weight:600;\r\n display:flex; align-items:center; justify-content:center;\r\n cursor:pointer; padding:0 12px !important; box-shadow:var(--bg-shadow);\r\n -webkit-appearance:none !important; transition:border-color .15s, box-shadow .15s;\r\n}\r\n#bg-demo .mk-var-btn.mk-selected { border-color:var(--bg-blue) !important; box-shadow:0 0 0 3px rgba(26,80,232,.08) !important; color:var(--bg-blue) !important; }\r\n#bg-demo .mk-var-btn.mk-unavailable { opacity:.4; text-decoration:line-through; cursor:default; }\r\n\r\n\/* \u2500\u2500 COLOR SELECTOR \u2500\u2500 *\/\r\n#bg-demo .mk-colors { display:flex; gap:8px; margin-bottom:20px; }\r\n#bg-demo .mk-color-dot { width:28px; height:28px; border-radius:50%; cursor:pointer; border:2px solid transparent !important; transition:all .15s; position:relative; }\r\n#bg-demo .mk-color-dot.mk-selected { box-shadow:0 0 0 2px var(--bg-white), 0 0 0 4px var(--bg-blue) !important; }\r\n\r\n\/* \u2500\u2500 CART ITEMS \u2500\u2500 *\/\r\n#bg-demo .mk-cart-item { background:var(--bg-white) !important; border-radius:var(--bg-radius); box-shadow:var(--bg-shadow); padding:14px 16px; display:flex; align-items:center; gap:12px; margin-bottom:10px; }\r\n#bg-demo .mk-cart-item-emoji { width:52px; height:52px; border-radius:10px; background:linear-gradient(135deg,#e8ebf2,#d0d5e8); display:flex; align-items:center; justify-content:center; flex-shrink:0; }\r\n#bg-demo .mk-cart-item-body { flex:1; }\r\n#bg-demo .mk-cart-item-name { font-size:14px; font-weight:600; color:var(--bg-text) !important; margin-bottom:2px; }\r\n#bg-demo .mk-cart-item-meta { font-size:11px; color:var(--bg-text-3); margin-bottom:4px; }\r\n#bg-demo .mk-cart-item-price { font-size:14px; font-weight:700; color:var(--bg-blue) !important; }\r\n#bg-demo .mk-cart-item-actions { display:flex; flex-direction:column; align-items:flex-end; gap:8px; }\r\n#bg-demo .mk-remove-btn { background:none !important; border:none !important; color:var(--bg-text-3) !important; cursor:pointer; padding:4px !important; -webkit-appearance:none !important; font-size:12px; font-weight:500; }\r\n#bg-demo .mk-remove-btn:active { color:#e84040 !important; }\r\n#bg-demo .mk-cart-qty-wrap { display:flex; align-items:center; gap:6px; background:var(--bg-bg); border-radius:8px; padding:4px 8px; }\r\n#bg-demo .mk-cqty-btn { width:24px; height:24px; border-radius:6px; background:var(--bg-white) !important; border:1px solid var(--bg-border) !important; color:var(--bg-text) !important; font-size:15px; display:flex; align-items:center; justify-content:center; cursor:pointer; padding:0 !important; -webkit-appearance:none !important; box-shadow:none !important; }\r\n#bg-demo .mk-cqty-val { font-size:13px; font-weight:600; color:var(--bg-text) !important; min-width:16px; text-align:center; }\r\n\r\n\/* \u2500\u2500 EMPTY CART \u2500\u2500 *\/\r\n#bg-demo .mk-empty-cart { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:60px 20px; text-align:center; }\r\n#bg-demo .mk-empty-icon { margin-bottom:16px; opacity:.4; }\r\n#bg-demo .mk-empty-title { font-size:16px; font-weight:700; color:var(--bg-text) !important; margin-bottom:6px; }\r\n#bg-demo .mk-empty-sub { font-size:13px; color:var(--bg-text-3); line-height:1.5; }\r\n\r\n\/* \u2500\u2500 ENV\u00cdO OPTIONS \u2500\u2500 *\/\r\n#bg-demo .mk-envio-option { background:var(--bg-white) !important; border:1.5px solid var(--bg-border) !important; border-radius:var(--bg-radius); padding:14px 16px; display:flex !important; align-items:center; gap:12px; cursor:pointer; transition:border-color .15s,box-shadow .15s; box-shadow:var(--bg-shadow); margin-bottom:8px; }\r\n#bg-demo .mk-envio-option.mk-selected { border-color:var(--bg-blue) !important; box-shadow:0 0 0 3px rgba(26,80,232,.08) !important; }\r\n#bg-demo .mk-envio-radio { width:20px; height:20px; border-radius:50%; border:2px solid var(--bg-border) !important; display:flex !important; align-items:center; justify-content:center; flex-shrink:0; transition:border-color .15s; }\r\n#bg-demo .mk-envio-option.mk-selected .mk-envio-radio { border-color:var(--bg-blue) !important; background:var(--bg-blue) !important; }\r\n#bg-demo .mk-envio-radio-dot { width:7px; height:7px; border-radius:50%; background:#fff; display:none; }\r\n#bg-demo .mk-envio-option.mk-selected .mk-envio-radio-dot { display:block; }\r\n#bg-demo .mk-envio-body { flex:1; }\r\n#bg-demo .mk-envio-name { font-size:14px; font-weight:600; color:var(--bg-text) !important; margin-bottom:2px; }\r\n#bg-demo .mk-envio-desc { font-size:12px; color:var(--bg-text-2); }\r\n#bg-demo .mk-envio-price { font-size:13px; font-weight:700; color:var(--bg-blue) !important; white-space:nowrap; }\r\n#bg-demo .mk-envio-price.mk-free { color:var(--bg-green) !important; }\r\n\r\n\/* \u2500\u2500 INFO NOTE \u2500\u2500 *\/\r\n#bg-demo .bg-info-note { display:flex; align-items:flex-start; gap:8px; background:#f8f9fb; border:1px solid var(--bg-border) !important; border-radius:var(--bg-radius-sm); padding:12px 14px; font-size:12px; color:var(--bg-text-2); line-height:1.5; }\r\n#bg-demo .bg-info-note svg { color:var(--bg-text-3); flex-shrink:0; margin-top:1px; }\r\n#bg-demo .bg-flow-tag { display:inline-block; background:var(--bg-blue-light); color:var(--bg-blue) !important; font-size:10px; font-weight:700; letter-spacing:1.2px; padding:4px 10px; border-radius:99px; margin-bottom:10px; }\r\n#bg-demo .bg-flow-title { font-size:22px; font-weight:700; color:var(--bg-text) !important; letter-spacing:-.4px; margin-bottom:5px; }\r\n#bg-demo .bg-flow-sub { font-size:13px; color:var(--bg-text-2); line-height:1.5; margin-bottom:18px; }\r\n\r\n\r\n\/* \u2500\u2500 CART FLOAT \/ ADD FEEDBACK \u2500\u2500 *\/\r\n#bg-demo .mk-floating-cart {\r\n position:fixed !important;\r\n right:max(16px, calc((100vw - 430px) \/ 2 + 16px)) !important;\r\n bottom:calc(24px + env(safe-area-inset-bottom, 0px)) !important;\r\n width:54px !important;\r\n height:54px !important;\r\n border-radius:18px !important;\r\n background:var(--bg-blue) !important;\r\n border:1px solid rgba(255,255,255,.18) !important;\r\n color:#fff !important;\r\n display:none !important;\r\n align-items:center !important;\r\n justify-content:center !important;\r\n z-index:90 !important;\r\n cursor:pointer !important;\r\n box-shadow:0 14px 34px rgba(26,80,232,.34), 0 4px 14px rgba(0,0,0,.18) !important;\r\n -webkit-appearance:none !important;\r\n appearance:none !important;\r\n padding:0 !important;\r\n transition:transform .16s ease, background .16s ease !important;\r\n}\r\n#bg-demo .mk-floating-cart.mk-show { display:flex !important; }\r\n#bg-demo .mk-floating-cart.mk-detail-mode { bottom:calc(88px + env(safe-area-inset-bottom, 0px)) !important; }\r\n#bg-demo .mk-floating-cart:active { transform:scale(.94) !important; background:var(--bg-blue-dark) !important; }\r\n#bg-demo .mk-floating-cart.mk-bump { animation:mk-cart-pop .42s ease; }\r\n#bg-demo .mk-floating-cart .mk-cart-count {\r\n top:-8px !important;\r\n right:-8px !important;\r\n border-color:#fff !important;\r\n background:#17181C !important;\r\n min-width:25px !important;\r\n height:25px !important;\r\n width:auto !important;\r\n padding:0 7px !important;\r\n font-size:13px !important;\r\n font-weight:700 !important;\r\n}\r\n@keyframes mk-cart-pop {\r\n 0%{ transform:scale(1); }\r\n 35%{ transform:scale(1.18) rotate(-4deg); }\r\n 70%{ transform:scale(.96) rotate(2deg); }\r\n 100%{ transform:scale(1); }\r\n}\r\n#bg-demo .mk-fly-to-cart {\r\n position:fixed !important;\r\n width:34px !important;\r\n height:34px !important;\r\n border-radius:999px !important;\r\n background:#fff !important;\r\n box-shadow:0 10px 26px rgba(0,0,0,.18) !important;\r\n overflow:hidden !important;\r\n z-index:120 !important;\r\n pointer-events:none !important;\r\n display:flex !important;\r\n align-items:center !important;\r\n justify-content:center !important;\r\n}\r\n#bg-demo .mk-fly-to-cart img {\r\n width:100% !important;\r\n height:100% !important;\r\n object-fit:cover !important;\r\n display:block !important;\r\n}\r\n#bg-demo .mk-add-toast {\r\n position:fixed !important;\r\n left:50% !important;\r\n bottom:calc(92px + env(safe-area-inset-bottom, 0px)) !important;\r\n transform:translateX(-50%) translateY(12px) !important;\r\n max-width:calc(100vw - 34px) !important;\r\n width:max-content !important;\r\n background:#17181C !important;\r\n color:#fff !important;\r\n border:1px solid rgba(255,255,255,.12) !important;\r\n box-shadow:0 14px 30px rgba(0,0,0,.26) !important;\r\n border-radius:999px !important;\r\n padding:10px 14px !important;\r\n font-size:12px !important;\r\n font-weight:700 !important;\r\n z-index:130 !important;\r\n opacity:0 !important;\r\n pointer-events:none !important;\r\n transition:opacity .2s ease, transform .2s ease !important;\r\n}\r\n#bg-demo .mk-add-toast.mk-show {\r\n opacity:1 !important;\r\n transform:translateX(-50%) translateY(0) !important;\r\n}\r\n#bg-demo .mk-prod-add-btn.mk-has-count,\r\n#bg-demo .mk-hero-card-btn.mk-has-count {\r\n background:var(--bg-black) !important;\r\n color:#fff !important;\r\n font-size:13px !important;\r\n font-weight:800 !important;\r\n}\r\n#bg-demo .mk-shortcut-pop { animation:mk-shortcut-pop .28s ease; }\r\n@keyframes mk-shortcut-pop {\r\n 0%{ transform:scale(1); }\r\n 48%{ transform:scale(1.16); }\r\n 100%{ transform:scale(1); }\r\n}\r\n\r\n\r\n\/* \u2500\u2500 CONFIRM SCREEN SPACING FIX \u2500\u2500 *\/\r\n#bg-demo #screen-confirm .bg-flow-page-content {\r\n padding-top: 96px !important;\r\n}\r\n\r\n#bg-demo #screen-detalle { background: linear-gradient(160deg, #e8ebf2 0%, #d0d5e8 100%); }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div id=\"bg-demo\">\r\n\r\n<button class=\"mk-floating-cart mk-show\" id=\"btn-floating-carrito\" type=\"button\" aria-label=\"Ver carrito\">\r\n <svg width=\"23\" height=\"23\" viewbox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\" stroke=\"currentColor\" stroke-width=\"1.9\"\/><path d=\"M16 10a4 4 0 01-8 0\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <span class=\"mk-cart-count mk-hidden\" id=\"floating-cart-badge\">0<\/span>\r\n<\/button>\r\n<div class=\"mk-add-toast\" id=\"mk-add-toast\">Agregado al carrito<\/div>\r\n\r\n\r\n<div id=\"screen-tienda\" class=\"bg-screen bg-active\">\r\n <div class=\"mk-store-banner\">\r\n <div class=\"mk-store-header-row\">\r\n <div>\r\n \r\n <div class=\"mk-store-title\">GALLO <span>STORE<\/span><\/div>\r\n <div class=\"mk-store-sub\">Temporada 2026 \u00b7 Productos oficiales<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mk-promo-hero\" id=\"btn-promo-hero\" style=\"margin-top:14px\">\r\n <div class=\"mk-promo-inner\">\r\n <div class=\"mk-promo-text\">\r\n <div class=\"mk-promo-tag\">TEMPORADA 2026<\/div>\r\n <div class=\"mk-promo-headline\">NUEVA PIEL,<br>MISMA PASI\u00d3N<\/div>\r\n <div class=\"mk-promo-sub\">Jersey Local 2025 ya disponible<\/div>\r\n <button class=\"mk-promo-cta\">Ver jersey <svg width=\"12\" height=\"12\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mk-filter-row\" id=\"filter-row\">\r\n <div class=\"mk-chip-filter mk-active\" data-cat=\"todo\">Todo<\/div>\r\n <div class=\"mk-chip-filter\" data-cat=\"ropa\">Ropa<\/div>\r\n <div class=\"mk-chip-filter\" data-cat=\"accesorios\">Accesorios<\/div>\r\n <div class=\"mk-chip-filter\" data-cat=\"equipamiento\">Equipamiento<\/div>\r\n <div class=\"mk-chip-filter\" data-cat=\"hogar\">Hogar<\/div>\r\n <div class=\"mk-chip-filter\" data-cat=\"coleccion\">Colecci\u00f3n<\/div>\r\n <\/div>\r\n <div class=\"mk-products-scroll\" id=\"products-scroll\"><\/div>\r\n<\/div>\r\n\r\n<div id=\"screen-detalle\" class=\"bg-screen\">\r\n <div class=\"mk-detail-img\" id=\"detail-img-zone\"><\/div>\r\n <div class=\"mk-detail-content\">\r\n <div class=\"mk-detail-cat\" id=\"detail-cat\">ROPA<\/div>\r\n <div class=\"mk-detail-name\" id=\"detail-name\">Playera Oficial Gallo<\/div>\r\n <div class=\"mk-detail-price\" id=\"detail-price\">$649.00<\/div>\r\n <p class=\"mk-detail-desc\" id=\"detail-desc\"><\/p>\r\n <div id=\"talla-section\" style=\"margin-bottom:20px\">\r\n <div class=\"mk-detail-section\">TALLA<\/div>\r\n <div class=\"mk-variants\" id=\"detail-variants\"><\/div>\r\n <\/div>\r\n <div id=\"color-section\" style=\"display:none;margin-bottom:20px\">\r\n <div class=\"mk-detail-section\">COLOR<\/div>\r\n <div class=\"mk-colors\" id=\"detail-colors\"><\/div>\r\n <\/div>\r\n <div class=\"mk-detail-section\">CANTIDAD<\/div>\r\n <div style=\"display:flex;align-items:center;gap:0;margin-bottom:20px\">\r\n <div class=\"bg-qty-wrap\" style=\"max-width:140px\">\r\n <button class=\"bg-qty-btn\" id=\"detail-qty-minus\">\u2212<\/button>\r\n <span class=\"bg-qty-val\" id=\"detail-qty-display\">1<\/span>\r\n <button class=\"bg-qty-btn\" id=\"detail-qty-plus\">+<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-info-note\">\r\n <svg width=\"15\" height=\"15\" viewbox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M12 8v1M12 11v5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n Todos los productos son de uso exclusivo oficial del Club Quer\u00e9taro. Env\u00edos a toda la Rep\u00fablica Mexicana.\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-flow-cta-bar bg-has-back\" id=\"detalle-cta-bar\">\r\n <button class=\"bg-btn-back-em\" id=\"btn-detail-back\">\r\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M15 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/button>\r\n <button class=\"bg-btn-primary\" id=\"btn-agregar-carrito\" style=\"margin-bottom:0\">\r\n <svg width=\"17\" height=\"17\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z\" stroke=\"white\" stroke-width=\"1.8\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\" stroke=\"white\" stroke-width=\"1.8\"\/><path d=\"M16 10a4 4 0 01-8 0\" stroke=\"white\" stroke-width=\"1.8\"\/><\/svg>\r\n Agregar al carrito\r\n <\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<div id=\"screen-carrito\" class=\"bg-screen\">\r\n <div class=\"bg-page-header\"><\/div>\r\n <div class=\"bg-page-content\" id=\"cart-content\"><\/div>\r\n <div class=\"bg-flow-cta-bar bg-has-back\">\r\n <button class=\"bg-btn-back-em\" data-target=\"screen-tienda\">\r\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M15 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n <\/button>\r\n <button class=\"bg-btn-primary\" id=\"btn-ir-checkout\">\r\n <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n Ir a checkout\r\n <\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<div id=\"screen-checkout\" class=\"bg-screen\">\r\n <div class=\"bg-page-header\"><\/div>\r\n <div class=\"bg-flow-page-content\">\r\n <div class=\"bg-flow-tag\">DATOS DE ENV\u00cdO<\/div>\r\n <h2 class=\"bg-flow-title\" style=\"font-size:20px\">\u00bfD\u00f3nde lo enviamos?<\/h2>\r\n <div class=\"bg-form-card\">\r\n <div class=\"bg-form-row-2\">\r\n <div class=\"bg-form-group\"><label class=\"bg-form-label\">Nombre(s)<\/label><input class=\"bg-form-input\" type=\"text\" id=\"chk-nombre\" value=\"\" placeholder=\"Nombre\"\/><\/div>\r\n <div class=\"bg-form-group\"><label class=\"bg-form-label\">Apellido<\/label><input class=\"bg-form-input\" type=\"text\" id=\"chk-apellido\" value=\"\" placeholder=\"Apellido\"\/><\/div>\r\n <\/div>\r\n <div class=\"bg-form-group\"><label class=\"bg-form-label\">Correo electr\u00f3nico<\/label><input class=\"bg-form-input\" type=\"email\" id=\"chk-correo\" value=\"\" placeholder=\"correo@ejemplo.com\"\/><\/div>\r\n <div class=\"bg-form-group\"><label class=\"bg-form-label\">Calle y n\u00famero<\/label><input class=\"bg-form-input\" type=\"text\" id=\"chk-calle\" value=\"Estadio Corregidora, Av. de las Torres S\/N\" placeholder=\"Ej. Av. Constituyentes 123\"\/><\/div>\r\n <div class=\"bg-form-row-2\">\r\n <div class=\"bg-form-group\"><label class=\"bg-form-label\">Ciudad<\/label><input class=\"bg-form-input\" type=\"text\" id=\"chk-ciudad\" value=\"Quer\u00e9taro\" placeholder=\"Quer\u00e9taro\"\/><\/div>\r\n <div class=\"bg-form-group\"><label class=\"bg-form-label\">C.P.<\/label><input class=\"bg-form-input\" type=\"text\" id=\"chk-cp\" value=\"76090\" placeholder=\"76000\" maxlength=\"5\"\/><\/div>\r\n <\/div>\r\n <div class=\"bg-form-group\"><label class=\"bg-form-label\">Tel\u00e9fono de contacto<\/label><div class=\"bg-prefix-wrap\"><span class=\"bg-prefix\">\ud83c\uddf2\ud83c\uddfd +52<\/span><input class=\"bg-form-input bg-pre\" type=\"tel\" id=\"chk-tel\" value=\"\" placeholder=\"55 0000 0000\"\/><\/div><\/div>\r\n <\/div>\r\n <div class=\"bg-flow-tag\" style=\"margin-top:4px\">M\u00c9TODO DE ENV\u00cdO<\/div>\r\n <div id=\"envio-options\">\r\n <div class=\"mk-envio-option mk-selected\" data-envio=\"express\" data-costo=\"99\"><div class=\"mk-envio-radio\"><div class=\"mk-envio-radio-dot\"><\/div><\/div><div class=\"mk-envio-body\"><div class=\"mk-envio-name\">Express 2\u20133 d\u00edas<\/div><div class=\"mk-envio-desc\">DHL \u00b7 Tracking incluido<\/div><\/div><div class=\"mk-envio-price\">$99.00<\/div><\/div>\r\n <div class=\"mk-envio-option\" data-envio=\"estandar\" data-costo=\"49\"><div class=\"mk-envio-radio\"><div class=\"mk-envio-radio-dot\"><\/div><\/div><div class=\"mk-envio-body\"><div class=\"mk-envio-name\">Est\u00e1ndar 5\u20137 d\u00edas<\/div><div class=\"mk-envio-desc\">Correos de M\u00e9xico<\/div><\/div><div class=\"mk-envio-price\">$49.00<\/div><\/div>\r\n <div class=\"mk-envio-option\" data-envio=\"estadio\" data-costo=\"0\"><div class=\"mk-envio-radio\"><div class=\"mk-envio-radio-dot\"><\/div><\/div><div class=\"mk-envio-body\"><div class=\"mk-envio-name\">Recoger en estadio<\/div><div class=\"mk-envio-desc\">La Corregidora \u00b7 D\u00edas de partido<\/div><\/div><div class=\"mk-envio-price mk-free\">GRATIS<\/div><\/div>\r\n <\/div>\r\n <div class=\"bg-sum-mini\" id=\"chk-resumen\" style=\"margin-top:6px\">\r\n <div class=\"bg-sum-row\"><span>Subtotal<\/span><span id=\"chk-subtotal\">\u2013<\/span><\/div>\r\n <div class=\"bg-sum-row\"><span>Env\u00edo<\/span><span id=\"chk-envio-precio\">\u2013<\/span><\/div>\r\n <div class=\"bg-sum-row bg-total\"><span>Total<\/span><span id=\"chk-total\">\u2013<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-flow-cta-bar bg-has-back\">\r\n <button class=\"bg-btn-back-em\" data-target=\"screen-carrito\"><svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M15 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/button>\r\n <button class=\"bg-btn-primary\" id=\"btn-ir-pago\">Continuar a pago<\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<div id=\"screen-pago\" class=\"bg-screen\">\r\n <div class=\"bg-page-header\"><\/div>\r\n <div class=\"bg-flow-page-content\">\r\n <div class=\"bg-sum-mini\">\r\n <div class=\"bg-sum-row\"><span>Subtotal<\/span><span id=\"pago-subtotal\">\u2013<\/span><\/div>\r\n <div class=\"bg-sum-row\"><span>Env\u00edo<\/span><span id=\"pago-envio\">\u2013<\/span><\/div>\r\n <div class=\"bg-sum-row bg-total\"><span>Total a pagar<\/span><span id=\"pago-total\">\u2013<\/span><\/div>\r\n <\/div>\r\n <div class=\"bg-form-card\">\r\n <div class=\"bg-secure-badge\"><svg width=\"13\" height=\"13\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg>Pago seguro con cifrado SSL<\/div>\r\n <div class=\"bg-card-prev\">\r\n <div class=\"bg-card-prev-top\"><div class=\"bg-chip\"><\/div><div class=\"bg-card-brand\" id=\"pago-card-brand\"><svg viewbox=\"0 0 80 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-label=\"Mastercard\">\r\n <circle cx=\"34\" cy=\"16\" r=\"11\" fill=\"white\" fill-opacity=\"0.95\"\/>\r\n <circle cx=\"46\" cy=\"16\" r=\"11\" fill=\"white\" fill-opacity=\"0.68\"\/>\r\n <path d=\"M40 7.8a11 11 0 0 0 0 16.4a11 11 0 0 0 0-16.4Z\" fill=\"white\"\/>\r\n<\/svg><\/div><\/div>\r\n <div class=\"bg-card-num-prev\" id=\"pago-prev-num\">\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022<\/div>\r\n <div class=\"bg-card-bottom\"><div><div class=\"bg-card-lbl\">TITULAR<\/div><div class=\"bg-card-val\" id=\"pago-prev-name\"><\/div><\/div><div><div class=\"bg-card-lbl\">VENCE<\/div><div class=\"bg-card-val\" id=\"pago-prev-exp\">MM\/AA<\/div><\/div><\/div>\r\n <\/div>\r\n <div class=\"bg-form-group\"><label class=\"bg-form-label\">Nombre en tarjeta<\/label><input class=\"bg-form-input\" type=\"text\" id=\"pago-card-name\" value=\"\" placeholder=\"Como aparece en la tarjeta\" autocomplete=\"cc-name\"\/><\/div>\r\n <div class=\"bg-form-group\"><label class=\"bg-form-label\">N\u00famero de tarjeta<\/label><input class=\"bg-form-input\" type=\"text\" id=\"pago-card-num\" value=\"4152 3131 1234 5678\" placeholder=\"0000 0000 0000 0000\" maxlength=\"19\" autocomplete=\"cc-number\"\/><\/div>\r\n <div class=\"bg-form-row-2\">\r\n <div class=\"bg-form-group\"><label class=\"bg-form-label\">Vencimiento<\/label><input class=\"bg-form-input\" type=\"text\" id=\"pago-card-exp\" value=\"12\/27\" placeholder=\"MM\/AA\" maxlength=\"5\" autocomplete=\"cc-exp\"\/><\/div>\r\n <div class=\"bg-form-group\"><label class=\"bg-form-label\">CVV<\/label><input class=\"bg-form-input\" type=\"password\" id=\"pago-card-cvv\" placeholder=\"\u2022\u2022\u2022\" maxlength=\"4\" autocomplete=\"cc-csc\"\/><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-flow-cta-bar bg-has-back\">\r\n <button class=\"bg-btn-back-em\" data-target=\"screen-checkout\"><svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M15 19l-7-7 7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/button>\r\n <button class=\"bg-btn-primary\" id=\"btn-pagar\">Pagar ahora <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<div id=\"screen-confirm\" class=\"bg-screen\">\r\n <div class=\"bg-page-header\"><\/div>\r\n <div class=\"bg-flow-page-content\" style=\"display:flex;flex-direction:column;align-items:center;padding-top:96px\">\r\n <div class=\"bg-confirm-icon\"><svg width=\"38\" height=\"38\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n <h1 class=\"bg-confirm-title\">\u00a1Pedido confirmado!<\/h1>\r\n <p class=\"bg-confirm-text\">Recibir\u00e1s un correo con el seguimiento de tu pedido. \u00a1Gracias por apoyar al Gallo!<\/p>\r\n <div class=\"bg-folio-card\" style=\"width:100%\"><div class=\"bg-folio-lbl\">N\u00daMERO DE PEDIDO<\/div><div class=\"bg-folio-num\" id=\"conf-pedido-num\">GS-2025-000000<\/div><\/div>\r\n <div class=\"bg-conf-summary\" style=\"width:100%\">\r\n <div class=\"bg-conf-row\"><span>Products<\/span><span id=\"conf-items-count\">\u2013<\/span><\/div>\r\n <div class=\"bg-conf-row\"><span>Env\u00edo<\/span><span id=\"conf-envio-label\">\u2013<\/span><\/div>\r\n <div class=\"bg-conf-row\"><span>M\u00e9todo de pago<\/span><span id=\"conf-pago-metodo\">Mastercard \u00b7\u00b7\u00b7\u00b7 5678<\/span><\/div>\r\n <div class=\"bg-conf-div\"><\/div>\r\n <div class=\"bg-conf-total\"><span>Total pagado<\/span><span id=\"conf-total-final\">\u2013<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-flow-cta-bar\">\r\n <button class=\"bg-btn-primary\" id=\"btn-volver-tienda\">\r\n <svg width=\"17\" height=\"17\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\" stroke=\"white\" stroke-width=\"1.8\"\/><polyline points=\"9,22 9,12 15,12 15,22\" stroke=\"white\" stroke-width=\"1.8\"\/><\/svg>\r\n Seguir comprando\r\n <\/button>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n;(function(){\r\n'use strict';\r\n\r\nvar PRODUCTS = [\r\n { id:1, cat:'ropa', name:'Jersey Local 2025', imgVar:'--img-p1', price:1190, desc:'Jersey oficial de visita temporada 2026. Tela Dri-FIT, escudo bordado. Aut\u00e9ntico.', tallas:['CH','M','G','XG','2XG'], colors:[], badge:'NUEVO' },\r\n { id:2, cat:'ropa', name:'Playera Casual Gallo', imgVar:'--img-p2', price:490, desc:'Playera 100% algod\u00f3n con estampado oficial. Perfecta para el d\u00eda a d\u00eda.', tallas:['CH','M','G','XG'], colors:['#1a50e8','#0d0f12','#ffffff'], badge:'' },\r\n { id:3, cat:'accesorios', name:'Bufanda Oficial', imgVar:'--img-p3', price:290, desc:'Bufanda tejida con colores oficiales del club. Edici\u00f3n limitada temporada 2026.', tallas:[], colors:['#1a50e8','#f2f4f8'], badge:'LIMITADO' },\r\n { id:4, cat:'accesorios', name:'Gorra Gallo', imgVar:'--img-p4', price:350, desc:'Gorra ajustable con parche bordado. Disponible en azul y negro.', tallas:['\u00danica'], colors:['#1a50e8','#0d0f12'], badge:'' },\r\n { id:5, cat:'equipamiento',name:'Bal\u00f3n Oficial Match', imgVar:'--img-p5', price:1890, desc:'Bal\u00f3n oficial de partido con tecnolog\u00eda Aero, mismo que usa el equipo en Liga MX.', tallas:[], colors:[], badge:'OFICIAL' },\r\n { id:6, cat:'hogar', name:'Taza Cer\u00e1mica Premium', imgVar:'--img-p6', price:220, desc:'Taza de cer\u00e1mica 350ml con escudo en relieve. Apta para lavavajillas.', tallas:[], colors:['#ffffff','#0d0f12'], badge:'' },\r\n { id:7, cat:'coleccion', name:'Llavero Edici\u00f3n Especial', imgVar:'--img-p7', price:149, desc:'Llavero met\u00e1lico edici\u00f3n aniversario 2025 con acabado satinado.', tallas:[], colors:[], badge:'ANIVERSARIO' },\r\n { id:8, cat:'ropa', name:'Chamarra Training', imgVar:'--img-p8', price:1450, desc:'Chamarra de entrenamiento oficial, tejido t\u00e9cnico impermeable, ideal para el estadio.', tallas:['CH','M','G','XG','2XG'], colors:['#1a50e8','#0d0f12'], badge:'' },\r\n];\r\n\r\nfunction mkImg(imgVar, alt){\r\n var raw = getComputedStyle(document.getElementById('bg-demo')).getPropertyValue(imgVar).trim();\r\n var match = raw.match(\/url\\(['\"]?([^'\"()]+)['\"]?\\)\/);\r\n var src = match ? match[1] : '';\r\n var img = document.createElement('img');\r\n img.alt = alt || '';\r\n if(src){ img.src = src; } else { img.src = 'data:image\/gif;base64,R0lGODlhAQABAAD\/ACwAAAAAAQABAAACADs='; img.style.display='none'; }\r\n return img;\r\n}\r\n\r\nvar cart = [], currentProduct = null, currentQty = 1, currentTalla = '', currentColor = '';\r\nvar envioData = { tipo:'express', costo:99 };\r\n\r\n\r\nfunction getQueryValue(keys){\r\n var raw = '';\r\n try {\r\n raw = (window.location.search || '').replace(\/&\/g, '&');\r\n if(!raw && window.location.href.indexOf('?') > -1){\r\n raw = '?' + window.location.href.split('?').slice(1).join('?').split('#')[0];\r\n raw = raw.replace(\/&\/g, '&');\r\n }\r\n } catch(e) {\r\n raw = window.location.search || '';\r\n }\r\n\r\n var params = new URLSearchParams(raw.charAt(0) === '?' ? raw.slice(1) : raw);\r\n var wanted = keys.map(function(k){ return String(k).toLowerCase(); });\r\n var found = '';\r\n\r\n params.forEach(function(value, key){\r\n var cleanKey = String(key).replace(\/^amp;\/i, '').toLowerCase();\r\n if(!found && wanted.indexOf(cleanKey) > -1) found = value;\r\n });\r\n\r\n return (found || '').replace(\/\\+\/g, ' ').trim();\r\n}\r\n\r\nfunction getUrlUserData(){\r\n return {\r\n telefono: getQueryValue(['telefono','tel','phone']).replace(\/\\D\/g,''),\r\n nombre: getQueryValue(['nombre','name','fullName','fullname','usuario']),\r\n apellido: getQueryValue(['apellido','primerApellido','apellidopaterno','lastName','lastname']),\r\n apellido2: getQueryValue(['apellido2','segundoApellido','apellidomaterno','secondLastName','secondlastname']),\r\n correo: getQueryValue(['correo','email','mail'])\r\n };\r\n}\r\n\r\nfunction splitFullName(fullName){\r\n var parts = String(fullName || '').trim().split(\/\\s+\/).filter(Boolean);\r\n if(parts.length === 0) return { nombre:'', apellido:'', apellido2:'' };\r\n if(parts.length === 1) return { nombre:parts[0], apellido:'', apellido2:'' };\r\n if(parts.length === 2) return { nombre:parts[0], apellido:parts[1], apellido2:'' };\r\n return {\r\n nombre: parts.slice(0, -2).join(' '),\r\n apellido: parts[parts.length - 2],\r\n apellido2: parts[parts.length - 1]\r\n };\r\n}\r\n\r\nfunction hasUrlUserData(data){\r\n return !!(data.telefono || data.nombre || data.apellido || data.apellido2 || data.correo);\r\n}\r\n\r\nfunction applyUrlUserData(){\r\n var data = getUrlUserData();\r\n var hasParams = hasUrlUserData(data);\r\n\r\n \/* Si la URL no trae datos, usamos fallback demo.\r\n Si s\u00ed trae datos, solo rellenamos lo que venga y lo dem\u00e1s queda vac\u00edo. *\/\r\n if(!hasParams){\r\n data = {\r\n nombre: 'Gallardo',\r\n apellido: 'L.',\r\n apellido2: '',\r\n correo: 'gallardo@gallocard.mx',\r\n telefono: '5500000000'\r\n };\r\n }\r\n\r\n var split = splitFullName(data.nombre);\r\n var finalName = split.nombre || data.nombre || '';\r\n var finalLast = data.apellido || split.apellido || '';\r\n var finalLast2 = data.apellido2 || split.apellido2 || '';\r\n var fullName = (finalName + ' ' + finalLast + ' ' + finalLast2).replace(\/\\s+\/g, ' ').trim();\r\n\r\n var fields = {\r\n chkNombre: document.getElementById('chk-nombre'),\r\n chkApellido: document.getElementById('chk-apellido'),\r\n chkCorreo: document.getElementById('chk-correo'),\r\n chkTel: document.getElementById('chk-tel'),\r\n pagoName: document.getElementById('pago-card-name'),\r\n pagoPrevName: document.getElementById('pago-prev-name')\r\n };\r\n\r\n if(fields.chkNombre) fields.chkNombre.value = '';\r\n if(fields.chkApellido) fields.chkApellido.value = '';\r\n if(fields.chkCorreo) fields.chkCorreo.value = '';\r\n if(fields.chkTel) fields.chkTel.value = '';\r\n if(fields.pagoName) fields.pagoName.value = '';\r\n if(fields.pagoPrevName) fields.pagoPrevName.textContent = '';\r\n\r\n if(finalName && fields.chkNombre) fields.chkNombre.value = finalName;\r\n if((finalLast || finalLast2) && fields.chkApellido) fields.chkApellido.value = (finalLast + ' ' + finalLast2).replace(\/\\s+\/g, ' ').trim();\r\n if(data.correo && fields.chkCorreo) fields.chkCorreo.value = data.correo;\r\n if(data.telefono && fields.chkTel) fields.chkTel.value = data.telefono;\r\n\r\n if(fullName){\r\n if(fields.pagoName) fields.pagoName.value = fullName;\r\n if(fields.pagoPrevName) fields.pagoPrevName.textContent = fullName;\r\n }\r\n}\r\n\r\nfunction getMastercardLogoMarkup(){\r\n return `<svg viewBox=\"0 0 80 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-label=\"Mastercard\">\r\n <circle cx=\"34\" cy=\"16\" r=\"11\" fill=\"white\" fill-opacity=\"0.95\"\/>\r\n <circle cx=\"46\" cy=\"16\" r=\"11\" fill=\"white\" fill-opacity=\"0.68\"\/>\r\n <path d=\"M40 7.8a11 11 0 0 0 0 16.4a11 11 0 0 0 0-16.4Z\" fill=\"white\"\/>\r\n<\/svg>`;\r\n}\r\n\r\nfunction getPaymentBrandMarkup(type){\r\n if(type === 'mastercard') return getMastercardLogoMarkup();\r\n if(type === 'amex') return '<span class=\"bg-card-brand-text\">AMEX<\/span>';\r\n return '<span class=\"bg-card-brand-text\">CARD<\/span>';\r\n}\r\n\r\nfunction getPaymentBrandLabel(){\r\n var num = (document.getElementById('pago-card-num').value || '').replace(\/\\D\/g,'');\r\n if(num[0] === '3') return 'AMEX';\r\n if(num[0] === '4' || num[0] === '5') return 'Mastercard';\r\n return 'Tarjeta';\r\n}\r\n\r\n\r\nfunction show(id){\r\n document.querySelectorAll('.bg-screen').forEach(function(s){ s.classList.remove('bg-active'); });\r\n var t = document.getElementById(id);\r\n if(t){ t.classList.add('bg-active'); window.scrollTo(0,0); }\r\n toggleFloatingCart(id);\r\n}\r\n\r\ndocument.querySelectorAll('[data-target]').forEach(function(b){\r\n b.addEventListener('click', function(){ show(b.getAttribute('data-target')); });\r\n});\r\n\r\nfunction fmt(n){ return '$' + n.toLocaleString('es-MX',{minimumFractionDigits:2,maximumFractionDigits:2}); }\r\nfunction shake(id){ var el=document.getElementById(id); if(!el)return; el.classList.add('bg-shake'); setTimeout(function(){ el.classList.remove('bg-shake'); },500); }\r\n\r\nfunction getCartTotalQty(){\r\n return cart.reduce(function(a,i){ return a+i.qty; },0);\r\n}\r\n\r\nfunction getProductCartQty(pid){\r\n return cart.reduce(function(a,i){ return a + (i.product.id === pid ? i.qty : 0); },0);\r\n}\r\n\r\nfunction updateCartBadge(){\r\n var total = getCartTotalQty();\r\n var badges = [document.getElementById('cart-badge'), document.getElementById('floating-cart-badge')];\r\n badges.forEach(function(badge){\r\n if(!badge) return;\r\n if(total>0){ badge.textContent=total; badge.classList.remove('mk-hidden'); }\r\n else { badge.textContent='0'; badge.classList.add('mk-hidden'); }\r\n });\r\n updateShortcutCounters();\r\n}\r\n\r\nfunction updateShortcutCounters(){\r\n document.querySelectorAll('.mk-prod-add-btn[data-pid], .mk-hero-card-btn[data-pid]').forEach(function(btn){\r\n var qty = getProductCartQty(parseInt(btn.dataset.pid, 10));\r\n if(qty>0){\r\n btn.textContent = qty;\r\n btn.classList.add('mk-has-count');\r\n btn.setAttribute('aria-label','Producto en carrito: '+qty);\r\n } else {\r\n btn.textContent = '+';\r\n btn.classList.remove('mk-has-count');\r\n btn.setAttribute('aria-label','Agregar al carrito');\r\n }\r\n });\r\n}\r\n\r\nfunction toggleFloatingCart(activeScreen){\r\n var btn = document.getElementById('btn-floating-carrito');\r\n if(!btn) return;\r\n var showIt = activeScreen === 'screen-tienda' || activeScreen === 'screen-detalle';\r\n btn.classList.toggle('mk-show', showIt);\r\n btn.classList.toggle('mk-detail-mode', activeScreen === 'screen-detalle');\r\n}\r\n\r\nfunction bumpCartIcon(){\r\n var btn = document.getElementById('btn-floating-carrito');\r\n if(!btn) return;\r\n btn.classList.remove('mk-bump');\r\n void btn.offsetWidth;\r\n btn.classList.add('mk-bump');\r\n}\r\n\r\nfunction showAddToast(productName){\r\n var toast = document.getElementById('mk-add-toast');\r\n if(!toast) return;\r\n toast.textContent = 'Agregado al carrito';\r\n toast.classList.add('mk-show');\r\n clearTimeout(showAddToast._timer);\r\n showAddToast._timer = setTimeout(function(){ toast.classList.remove('mk-show'); }, 1200);\r\n}\r\n\r\nfunction animateAddToCart(sourceEl, product){\r\n var target = document.getElementById('btn-floating-carrito') || document.getElementById('btn-ver-carrito');\r\n if(!sourceEl || !target) { bumpCartIcon(); return; }\r\n\r\n var srcRect = sourceEl.getBoundingClientRect();\r\n var dstRect = target.getBoundingClientRect();\r\n var dot = document.createElement('div');\r\n dot.className = 'mk-fly-to-cart';\r\n\r\n if(product && product.imgVar){\r\n dot.appendChild(mkImg(product.imgVar, product.name));\r\n } else {\r\n dot.textContent = '+';\r\n }\r\n\r\n document.getElementById('bg-demo').appendChild(dot);\r\n dot.style.left = (srcRect.left + srcRect.width\/2 - 17) + 'px';\r\n dot.style.top = (srcRect.top + srcRect.height\/2 - 17) + 'px';\r\n\r\n requestAnimationFrame(function(){\r\n dot.style.transition = 'transform .48s cubic-bezier(.2,.8,.2,1), opacity .48s ease';\r\n dot.style.transform = 'translate(' + (dstRect.left + dstRect.width\/2 - srcRect.left - srcRect.width\/2) + 'px,' + (dstRect.top + dstRect.height\/2 - srcRect.top - srcRect.height\/2) + 'px) scale(.32)';\r\n dot.style.opacity = '0';\r\n });\r\n\r\n setTimeout(function(){\r\n dot.remove();\r\n bumpCartIcon();\r\n }, 520);\r\n}\r\n\r\nfunction goStoreHome(){\r\n renderStore();\r\n document.querySelectorAll('.mk-chip-filter').forEach(function(c,i){ c.classList.toggle('mk-active',i===0); });\r\n show('screen-tienda');\r\n}\r\n\r\nfunction makeCard(p, isHero){\r\n if(isHero){\r\n var card = document.createElement('div'); card.className='mk-hero-card';\r\n var imgZone = document.createElement('div'); imgZone.className='mk-hero-card-img'; imgZone.appendChild(mkImg(p.imgVar, p.name));\r\n var body = document.createElement('div'); body.className='mk-hero-card-body';\r\n body.innerHTML='<div class=\"mk-hero-card-tag\">NUEVO \u00b7 TEMPORADA 2026<\/div><div class=\"mk-hero-card-name\">'+p.name+'<\/div><div class=\"mk-hero-card-desc\">'+p.desc.substring(0,56)+'\u2026<\/div><div class=\"mk-hero-card-footer\"><div class=\"mk-hero-card-price\">'+fmt(p.price)+'<\/div><button class=\"mk-hero-card-btn\" data-pid=\"'+p.id+'\">+<\/button><\/div>';\r\n card.appendChild(imgZone); card.appendChild(body);\r\n card.addEventListener('click', function(e){ if(e.target.closest('.mk-hero-card-btn')) return; openDetail(p); });\r\n card.querySelector('.mk-hero-card-btn').addEventListener('click', function(e){ e.stopPropagation(); quickAdd(p, e.currentTarget); });\r\n return card;\r\n }\r\n var card = document.createElement('div'); card.className='mk-prod-card';\r\n var imgWrap = document.createElement('div'); imgWrap.className='mk-prod-img-placeholder'; imgWrap.appendChild(mkImg(p.imgVar, p.name));\r\n var body = document.createElement('div'); body.className='mk-prod-body';\r\n body.innerHTML='<div class=\"mk-prod-cat\">'+p.cat.toUpperCase()+'<\/div><div class=\"mk-prod-name\">'+p.name+'<\/div><div style=\"display:flex;align-items:center;justify-content:space-between\"><div class=\"mk-prod-price\">'+fmt(p.price)+'<\/div><button class=\"mk-prod-add-btn\" data-pid=\"'+p.id+'\">+<\/button><\/div>';\r\n if(p.badge){ var b=document.createElement('div'); b.className='mk-prod-badge'; b.textContent=p.badge; card.appendChild(b); }\r\n card.appendChild(imgWrap); card.appendChild(body);\r\n card.addEventListener('click', function(e){ if(e.target.closest('.mk-prod-add-btn')) return; openDetail(p); });\r\n card.querySelector('.mk-prod-add-btn').addEventListener('click', function(e){ e.stopPropagation(); quickAdd(p, e.currentTarget); });\r\n return card;\r\n}\r\n\r\nfunction makeSection(title, count, products, isHero){\r\n var sec = document.createElement('div'); sec.className='mk-catalog-section';\r\n var label = document.createElement('div'); label.className='mk-section-label';\r\n label.innerHTML='<span class=\"mk-section-label-text\">'+title+'<\/span><span class=\"mk-section-label-line\"><\/span><span class=\"mk-section-label-count\">'+count+'<\/span>';\r\n sec.appendChild(label);\r\n if(isHero){ sec.appendChild(makeCard(products,true)); } else {\r\n var grid=document.createElement('div'); grid.className='mk-grid';\r\n products.forEach(function(p){ grid.appendChild(makeCard(p,false)); }); sec.appendChild(grid);\r\n }\r\n return sec;\r\n}\r\n\r\nfunction renderStore(){\r\n var scroll=document.getElementById('products-scroll'); scroll.innerHTML='';\r\n var ropa=PRODUCTS.filter(function(p){ return p.cat==='ropa'; });\r\n var accesorios=PRODUCTS.filter(function(p){ return p.cat==='accesorios'; });\r\n var otros=PRODUCTS.filter(function(p){ return p.cat!=='ropa'&&p.cat!=='accesorios'; });\r\n scroll.appendChild(makeSection('Destacado de temporada','1 producto',ropa[0],true));\r\n var ropaRest=ropa.slice(1);\r\n if(ropaRest.length) scroll.appendChild(makeSection('Ropa oficial',ropaRest.length+' producto'+(ropaRest.length!==1?'s':''),ropaRest,false));\r\n if(accesorios.length) scroll.appendChild(makeSection('Accesorios para partido',accesorios.length+' producto'+(accesorios.length!==1?'s':''),accesorios,false));\r\n if(otros.length) scroll.appendChild(makeSection('M\u00e1s de la tienda',otros.length+' producto'+(otros.length!==1?'s':''),otros,false));\r\n updateShortcutCounters();\r\n}\r\n\r\nfunction renderGrid(cat){\r\n var scroll=document.getElementById('products-scroll'); scroll.innerHTML='';\r\n var filtered=PRODUCTS.filter(function(p){ return p.cat===cat; });\r\n scroll.appendChild(makeSection(cat.charAt(0).toUpperCase()+cat.slice(1),filtered.length+' producto'+(filtered.length!==1?'s':''),filtered,false));\r\n updateShortcutCounters();\r\n}\r\n\r\nfunction quickAdd(p, sourceEl){\r\n addToCart(p,p.tallas.length?p.tallas[0]:'',p.colors.length?p.colors[0]:'',1);\r\n animateAddToCart(sourceEl, p);\r\n showAddToast(p.name);\r\n if(sourceEl){\r\n sourceEl.classList.remove('mk-shortcut-pop');\r\n void sourceEl.offsetWidth;\r\n sourceEl.classList.add('mk-shortcut-pop');\r\n }\r\n}\r\n\r\ndocument.getElementById('filter-row').addEventListener('click', function(e){\r\n var chip=e.target.closest('.mk-chip-filter'); if(!chip) return;\r\n document.querySelectorAll('.mk-chip-filter').forEach(function(c){ c.classList.remove('mk-active'); });\r\n chip.classList.add('mk-active');\r\n if(chip.dataset.cat==='todo') renderStore(); else renderGrid(chip.dataset.cat);\r\n});\r\n\r\ndocument.getElementById('btn-promo-hero').addEventListener('click', function(){\r\n var jersey=PRODUCTS.find(function(p){ return p.id===1; }); if(jersey) openDetail(jersey);\r\n});\r\nfunction openCart(){\r\n renderCart();\r\n show('screen-carrito');\r\n}\r\nvar headerCartBtn = document.getElementById('btn-ver-carrito');\r\nif(headerCartBtn) headerCartBtn.addEventListener('click', openCart);\r\ndocument.getElementById('btn-floating-carrito').addEventListener('click', openCart);\r\n\r\nfunction openDetail(p){\r\n currentProduct=p; currentQty=1;\r\n currentTalla=p.tallas.length?p.tallas[0]:''; currentColor=p.colors.length?p.colors[0]:'';\r\n document.getElementById('detail-cat').textContent=p.cat.toUpperCase();\r\n document.getElementById('detail-name').textContent=p.name;\r\n document.getElementById('detail-price').textContent=fmt(p.price);\r\n document.getElementById('detail-desc').textContent=p.desc;\r\n document.getElementById('detail-qty-display').textContent=1;\r\n var imgZone=document.getElementById('detail-img-zone');\r\n var ex=imgZone.querySelector('img'); if(ex) ex.remove();\r\n var detImg=mkImg(p.imgVar,p.name);\r\n detImg.style.cssText='width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0;';\r\n imgZone.appendChild(detImg);\r\n var variantsEl=document.getElementById('detail-variants'); variantsEl.innerHTML='';\r\n var tallaSection=document.getElementById('talla-section');\r\n if(p.tallas.length){ tallaSection.style.display='block';\r\n p.tallas.forEach(function(t,i){ var btn=document.createElement('button'); btn.className='mk-var-btn'+(i===0?' mk-selected':''); btn.textContent=t;\r\n btn.addEventListener('click', function(){ variantsEl.querySelectorAll('.mk-var-btn').forEach(function(b){ b.classList.remove('mk-selected'); }); btn.classList.add('mk-selected'); currentTalla=t; });\r\n variantsEl.appendChild(btn); });\r\n } else { tallaSection.style.display='none'; }\r\n var colorSection=document.getElementById('color-section'); var colorsEl=document.getElementById('detail-colors'); colorsEl.innerHTML='';\r\n if(p.colors.length){ colorSection.style.display='block';\r\n p.colors.forEach(function(c,i){ var dot=document.createElement('div'); dot.className='mk-color-dot'+(i===0?' mk-selected':''); dot.style.background=c;\r\n dot.addEventListener('click', function(){ colorsEl.querySelectorAll('.mk-color-dot').forEach(function(d){ d.classList.remove('mk-selected'); }); dot.classList.add('mk-selected'); currentColor=c; });\r\n colorsEl.appendChild(dot); });\r\n } else { colorSection.style.display='none'; }\r\n show('screen-detalle');\r\n var btn=document.getElementById('btn-agregar-carrito');\r\n btn.dataset.state=''; btn.style.background=''; btn.style.backgroundColor='';\r\n btn.innerHTML='<svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z\" stroke=\"white\" stroke-width=\"1.8\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\" stroke=\"white\" stroke-width=\"1.8\"\/><path d=\"M16 10a4 4 0 01-8 0\" stroke=\"white\" stroke-width=\"1.8\"\/><\/svg> Agregar al carrito';\r\n}\r\n\r\ndocument.getElementById('btn-detail-back').addEventListener('click', function(){ show('screen-tienda'); });\r\ndocument.getElementById('detail-qty-minus').addEventListener('click', function(){ if(currentQty>1){ currentQty--; document.getElementById('detail-qty-display').textContent=currentQty; } });\r\ndocument.getElementById('detail-qty-plus').addEventListener('click', function(){ if(currentQty<10){ currentQty++; document.getElementById('detail-qty-display').textContent=currentQty; } });\r\n\r\ndocument.getElementById('btn-agregar-carrito').addEventListener('click', function(){\r\n if(!currentProduct) return;\r\n var btn=this;\r\n addToCart(currentProduct,currentTalla,currentColor,currentQty);\r\n animateAddToCart(btn, currentProduct);\r\n showAddToast(currentProduct.name);\r\n btn.innerHTML='<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\" stroke=\"white\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Agregado';\r\n btn.style.background='var(--bg-green)';\r\n btn.style.backgroundColor='var(--bg-green)';\r\n setTimeout(function(){\r\n goStoreHome();\r\n }, 850);\r\n});\r\n\r\nfunction addToCart(p,talla,color,qty){\r\n var key=p.id+'|'+talla+'|'+color;\r\n var ex=cart.find(function(i){ return i.key===key; });\r\n if(ex){ ex.qty+=qty; } else { cart.push({key:key,product:p,talla:talla,color:color,qty:qty}); }\r\n updateCartBadge();\r\n}\r\n\r\nfunction renderCart(){\r\n var el=document.getElementById('cart-content'); var btn=document.getElementById('btn-ir-checkout');\r\n if(cart.length===0){\r\n el.innerHTML='<div class=\"mk-empty-cart\"><div class=\"mk-empty-icon\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" opacity=\".35\"><path d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z\" stroke=\"#444c5e\" stroke-width=\"1.5\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\" stroke=\"#444c5e\" stroke-width=\"1.5\"\/><path d=\"M16 10a4 4 0 01-8 0\" stroke=\"#444c5e\" stroke-width=\"1.5\"\/><\/svg><\/div><div class=\"mk-empty-title\">Tu carrito est\u00e1 vac\u00edo<\/div><div class=\"mk-empty-sub\">Agrega productos desde la tienda para continuar.<\/div><\/div>';\r\n btn.disabled=true; btn.style.opacity='.5'; return;\r\n }\r\n btn.disabled=false; btn.style.opacity='';\r\n var subtotal=cart.reduce(function(a,i){ return a+i.product.price*i.qty; },0);\r\n el.innerHTML='';\r\n cart.forEach(function(item,idx){\r\n var meta=[]; if(item.talla) meta.push('Talla: '+item.talla);\r\n var row=document.createElement('div'); row.className='mk-cart-item';\r\n var thumb=document.createElement('div'); thumb.className='mk-cart-item-emoji'; thumb.appendChild(mkImg(item.product.imgVar,item.product.name));\r\n var body=document.createElement('div'); body.className='mk-cart-item-body';\r\n body.innerHTML='<div class=\"mk-cart-item-name\">'+item.product.name+'<\/div><div class=\"mk-cart-item-meta\">'+(meta.join(' \u00b7 ')||'Sin variante')+'<\/div><div class=\"mk-cart-item-price\">'+fmt(item.product.price)+'<\/div>';\r\n var actions=document.createElement('div'); actions.className='mk-cart-item-actions';\r\n actions.innerHTML='<button class=\"mk-remove-btn\" data-remove=\"'+idx+'\">Eliminar<\/button><div class=\"mk-cart-qty-wrap\"><button class=\"mk-cqty-btn\" data-cqty-minus=\"'+idx+'\">\u2212<\/button><span class=\"mk-cqty-val\">'+item.qty+'<\/span><button class=\"mk-cqty-btn\" data-cqty-plus=\"'+idx+'\">+<\/button><\/div>';\r\n row.appendChild(thumb); row.appendChild(body); row.appendChild(actions); el.appendChild(row);\r\n });\r\n var sumDiv=document.createElement('div'); sumDiv.className='bg-sum-mini'; sumDiv.style.marginTop='6px';\r\n sumDiv.innerHTML='<div class=\"bg-sum-row\"><span>Subtotal ('+cart.length+' art.)<\/span><span>'+fmt(subtotal)+'<\/span><\/div><div class=\"bg-sum-row bg-total\"><span>Subtotal<\/span><span>'+fmt(subtotal)+'<\/span><\/div>';\r\n el.appendChild(sumDiv);\r\n el.querySelectorAll('[data-remove]').forEach(function(b){ b.addEventListener('click', function(){ cart.splice(parseInt(b.dataset.remove),1); updateCartBadge(); renderCart(); }); });\r\n el.querySelectorAll('[data-cqty-minus]').forEach(function(b){ b.addEventListener('click', function(){ var i=parseInt(b.dataset.cqtyMinus); if(cart[i].qty>1){ cart[i].qty--; } else { cart.splice(i,1); } updateCartBadge(); renderCart(); }); });\r\n el.querySelectorAll('[data-cqty-plus]').forEach(function(b){ b.addEventListener('click', function(){ var i=parseInt(b.dataset.cqtyPlus); if(cart[i].qty<10){ cart[i].qty++; } updateCartBadge(); renderCart(); }); });\r\n}\r\n\r\nfunction getSubtotal(){ return cart.reduce(function(a,i){ return a+i.product.price*i.qty; },0); }\r\nfunction updateCheckoutSummary(){\r\n var sub=getSubtotal();\r\n document.getElementById('chk-subtotal').textContent=fmt(sub);\r\n document.getElementById('chk-envio-precio').textContent=envioData.costo===0?'GRATIS':fmt(envioData.costo);\r\n document.getElementById('chk-total').textContent=fmt(sub+envioData.costo);\r\n}\r\ndocument.getElementById('btn-ir-checkout').addEventListener('click', function(){ if(cart.length===0) return; updateCheckoutSummary(); show('screen-checkout'); });\r\ndocument.getElementById('envio-options').addEventListener('click', function(e){\r\n var opt=e.target.closest('.mk-envio-option'); if(!opt) return;\r\n document.querySelectorAll('.mk-envio-option').forEach(function(o){ o.classList.remove('mk-selected'); });\r\n opt.classList.add('mk-selected'); envioData={tipo:opt.dataset.envio,costo:parseInt(opt.dataset.costo)}; updateCheckoutSummary();\r\n});\r\ndocument.getElementById('btn-ir-pago').addEventListener('click', function(){\r\n var n=document.getElementById('chk-nombre').value.trim(); var ca=document.getElementById('chk-calle').value.trim();\r\n var ci=document.getElementById('chk-ciudad').value.trim(); var cp=document.getElementById('chk-cp').value.trim();\r\n if(!n){shake('chk-nombre');return;} if(!ca){shake('chk-calle');return;} if(!ci){shake('chk-ciudad');return;} if(!cp){shake('chk-cp');return;}\r\n var sub=getSubtotal();\r\n document.getElementById('pago-subtotal').textContent=fmt(sub);\r\n document.getElementById('pago-envio').textContent=envioData.costo===0?'GRATIS':fmt(envioData.costo);\r\n document.getElementById('pago-total').textContent=fmt(sub+envioData.costo);\r\n show('screen-pago');\r\n});\r\ndocument.getElementById('pago-card-num').addEventListener('input', function(){\r\n var v=this.value.replace(\/\\D\/g,'').substring(0,16); this.value=v.replace(\/(.{4})\/g,'$1 ').trim();\r\n var p=v.padEnd(16,'\u2022').replace(\/(.{4})\/g,'$1 ').trim(); document.getElementById('pago-prev-num').textContent=p||'\u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022 \u2022\u2022\u2022\u2022';\r\n var brand=document.getElementById('pago-card-brand');\r\n if(v[0]==='4'||v[0]==='5') brand.innerHTML=getPaymentBrandMarkup('mastercard');\r\n else if(v[0]==='3') brand.innerHTML=getPaymentBrandMarkup('amex');\r\n else brand.innerHTML=getPaymentBrandMarkup('card');\r\n});\r\ndocument.getElementById('pago-card-name').addEventListener('input', function(){ document.getElementById('pago-prev-name').textContent=this.value||''; });\r\ndocument.getElementById('pago-card-exp').addEventListener('input', function(){\r\n var v=this.value.replace(\/\\D\/g,'').substring(0,4); if(v.length>=3) v=v.substring(0,2)+'\/'+v.substring(2); this.value=v; document.getElementById('pago-prev-exp').textContent=v||'MM\/AA';\r\n});\r\ndocument.getElementById('btn-pagar').addEventListener('click', function(){\r\n if(!document.getElementById('pago-card-name').value.trim()){shake('pago-card-name');return;}\r\n if(document.getElementById('pago-card-num').value.replace(\/\\s\/g,'').length<16){shake('pago-card-num');return;}\r\n if(document.getElementById('pago-card-exp').value.length<5){shake('pago-card-exp');return;}\r\n if(document.getElementById('pago-card-cvv').value.length<3){shake('pago-card-cvv');return;}\r\n var btn=this; btn.textContent='Procesando\u2026'; btn.disabled=true;\r\n setTimeout(function(){\r\n btn.innerHTML='Pagar ahora <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>';\r\n btn.disabled=false; fillConfirm(); cart=[]; updateCartBadge(); show('screen-confirm');\r\n },600);\r\n});\r\nfunction fillConfirm(){\r\n document.getElementById('conf-pedido-num').textContent='GS-2025-'+Math.floor(100000+Math.random()*899999);\r\n var total=getSubtotal()+envioData.costo;\r\n document.getElementById('conf-items-count').textContent=cart.length+' art.';\r\n var envioLabel={express:'Express 2\u20133 d\u00edas',estandar:'Est\u00e1ndar 5\u20137 d\u00edas',estadio:'Recoger en estadio'};\r\n document.getElementById('conf-envio-label').textContent=envioLabel[envioData.tipo]||envioData.tipo;\r\n var cardNum=document.getElementById('pago-card-num').value.replace(\/\\s\/g,'');\r\n document.getElementById('conf-pago-metodo').textContent=getPaymentBrandLabel()+' \u00b7\u00b7\u00b7\u00b7 '+(cardNum.slice(-4)||'5678');\r\n document.getElementById('conf-total-final').textContent=fmt(total);\r\n}\r\ndocument.getElementById('btn-volver-tienda').addEventListener('click', function(){\r\n goStoreHome();\r\n});\r\napplyUrlUserData();\r\ndocument.getElementById('pago-card-num').dispatchEvent(new Event('input'));\r\nrenderStore();\r\nupdateCartBadge();\r\ntoggleFloatingCart('screen-tienda');\r\n})();\r\n<\/script>\r\n<\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Tienda Oficial \u2013 Gallo Card 0 Agregado al carrito GALLO STORE Temporada 2026 \u00b7 Productos oficiales TEMPORADA 2026 NUEVA PIEL,MISMA PASI\u00d3N Jersey Local 2025 ya disponible Ver jersey Todo Ropa Accesorios Equipamiento Hogar Colecci\u00f3n ROPA Playera Oficial Gallo $649.00 TALLA COLOR CANTIDAD \u2212 1 + Todos los productos son de uso exclusivo oficial del Club […]<\/p>","protected":false},"author":5,"featured_media":0,"parent":2599,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2573","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maanyuba.com\/en\/wp-json\/wp\/v2\/pages\/2573","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maanyuba.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maanyuba.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maanyuba.com\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/maanyuba.com\/en\/wp-json\/wp\/v2\/comments?post=2573"}],"version-history":[{"count":55,"href":"https:\/\/maanyuba.com\/en\/wp-json\/wp\/v2\/pages\/2573\/revisions"}],"predecessor-version":[{"id":2822,"href":"https:\/\/maanyuba.com\/en\/wp-json\/wp\/v2\/pages\/2573\/revisions\/2822"}],"up":[{"embeddable":true,"href":"https:\/\/maanyuba.com\/en\/wp-json\/wp\/v2\/pages\/2599"}],"wp:attachment":[{"href":"https:\/\/maanyuba.com\/en\/wp-json\/wp\/v2\/media?parent=2573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}