Conjunto Scrub Médico - Pantalón + Camisa
.f5h{--brand:#38B6FF;--brand-deep:#0E6FB8;--brand-ink:#0B5286;--accent:#FFD731;--accent-deep:#F2C200;--price:#0091D5; --white:#fff;--mist:#EFF7FE;--mist-2:#E3F1FC;--mist-3:#D6EBFA; --navy:#0E2536;--ink:#13283A;--ink-soft:#4A5F72; --line:rgba(16,41,63,.12);--sans:"Poppins",-apple-system,BlinkMacSystemFont,sans-serif;--ease:cubic-bezier(.16,1,.3,1);--spring:cubic-bezier(.34,1.4,.4,1); --sh-card:0 30px 70px -30px rgba(11,82,134,.35);--sh-soft:0 14px 34px -18px rgba(11,82,134,.30); direction:ltr;width:100vw;max-width:100vw;position:relative;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw); font-family:var(--sans);color:var(--ink);line-height:1.5;background:radial-gradient(120% 80% at 85% -5%,var(--mist-2) 0%,rgba(239,247,254,0) 55%),linear-gradient(180deg,#fff,#FAFDFF)} .f5h *,.f5h *::before,.f5h *::after{margin:0;padding:0;box-sizing:border-box} .f5h img{max-width:100%;display:block} .f5h .wrap{max-width:1180px;margin:0 auto;padding:clamp(20px,4vw,50px) clamp(16px,4vw,28px)} .f5h .hero{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(22px,3.4vw,52px);align-items:start;position:relative} .f5h .media-col{display:flex;flex-direction:column;gap:12px} .f5h .f5media{position:relative;border-radius:26px;overflow:visible;isolation:isolate;background:radial-gradient(90% 70% at 30% 18%,#fff,var(--mist) 55%,var(--mist-2));box-shadow:var(--sh-card);border:1px solid #fff;aspect-ratio:1/1} .f5h .carousel{position:absolute;inset:0;z-index:2;overflow:hidden;border-radius:26px} .f5h .track{display:flex;height:100%;transition:transform .45s var(--ease)} .f5h .slide{flex:0 0 100%;height:100%;position:relative;display:grid;place-items:center;padding:7px} .f5h .slide img{width:100%;height:100%;object-fit:cover;border-radius:20px;-webkit-user-drag:none;user-select:none;pointer-events:none} .f5h .f5seal{position:absolute;z-index:7;top:-16px;right:-15px;width:clamp(94px,11vw,122px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--brand),var(--brand-deep) 70%,var(--brand-ink));color:#fff;display:grid;place-content:center;text-align:center;box-shadow:0 18px 30px -12px rgba(11,82,134,.6),inset 0 0 0 4px rgba(255,255,255,.18);transform:rotate(-9deg);border:3px solid #fff} .f5h .f5seal b{display:block;font-weight:800;font-size:10px;letter-spacing:.12em} .f5h .f5seal u{display:block;text-decoration:none;color:var(--accent);font-weight:900;font-size:clamp(22px,3.4vw,31px);line-height:1;margin-top:2px} .f5h .f5seal s{display:block;text-decoration:none;font-size:9px;font-weight:600;opacity:.85;margin-top:3px} .f5h .nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.5);cursor:pointer;display:grid;place-items:center;color:var(--navy);box-shadow:var(--sh-soft);backdrop-filter:blur(2px)} .f5h .nav svg{width:14px;height:14px}.f5h .nav.prev{left:4px}.f5h .nav.next{right:4px} .f5h .dots{display:flex;justify-content:center;gap:7px;margin:10px 0 2px} .f5h .dot{width:8px;height:8px;border-radius:50%;background:rgba(14,41,63,.25);cursor:pointer;transition:.25s var(--ease)} .f5h .dot.active{background:var(--brand-deep);width:22px;border-radius:5px} .f5h .track{touch-action:pan-y;cursor:grab}.f5h .track:active{cursor:grabbing} .f5h .thumbs{display:flex;gap:8px} .f5h .thumb{flex:1;aspect-ratio:1;border-radius:11px;overflow:hidden;border:2px solid var(--line);background:var(--mist);cursor:pointer;display:grid;place-items:center;padding:4px;transition:.2s var(--ease)} .f5h .thumb img{width:100%;height:100%;object-fit:contain} .f5h .thumb.active{border-color:var(--brand-deep);box-shadow:0 0 0 3px rgba(56,182,255,.18)} .f5h .info{padding-top:6px} .f5h .reviews{display:flex;align-items:center;gap:12px;flex-wrap:wrap} .f5h .reviews .ex{font-weight:800;color:var(--navy);font-size:14px} .f5h .stars{display:inline-flex;gap:2px}.f5h .stars svg{width:18px;height:18px;color:var(--accent-deep)} .f5h .reviews .score{font-weight:700;color:var(--navy);font-size:13.5px} .f5h .eyebrow{margin-top:16px;font-weight:700;font-size:12.5px;letter-spacing:.10em;text-transform:uppercase;color:var(--brand-deep)} .f5h .title{margin-top:8px;font-weight:900;letter-spacing:-.015em;line-height:1.04;font-size:clamp(26px,3.6vw,40px);text-transform:uppercase;color:var(--navy)} .f5h .price{margin-top:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap} .f5h .price .now{font-weight:900;font-size:clamp(30px,3.9vw,40px);color:var(--price);letter-spacing:-.02em;line-height:1} .f5h .price .was{font-weight:600;font-size:18px;color:var(--ink-soft);text-decoration:line-through} .f5h .price .tag{font-weight:800;font-size:12px;padding:6px 12px;border-radius:999px;letter-spacing:.02em;text-transform:uppercase;background:linear-gradient(180deg,var(--accent),var(--accent-deep));color:var(--navy);box-shadow:0 8px 18px -8px rgba(242,194,0,.6)} .f5h .lead{margin-top:14px;color:var(--ink-soft);font-size:15px;max-width:46ch;font-weight:500}.f5h .lead b{color:var(--ink);font-weight:700} .f5h .benefits{margin-top:18px;display:flex;flex-direction:column;gap:9px} .f5h .benefit{display:flex;align-items:center;gap:11px;background:var(--mist);border:1px solid var(--mist-3);border-radius:999px;padding:9px 16px 9px 12px;font-weight:700;font-size:13.5px;color:var(--navy)} .f5h .benefit .ck{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--brand-deep);display:grid;place-items:center} .f5h .benefit .ck svg{width:12px;height:12px;color:#fff} .f5h .selbox{margin-top:20px;background:linear-gradient(180deg,#fff,var(--mist));border:1.5px solid var(--mist-3);border-radius:18px;padding:15px 14px;box-shadow:var(--sh-soft)} .f5h .sel-h{margin:0 0 10px;font-weight:900;font-size:14px;color:var(--navy);text-transform:uppercase;letter-spacing:.03em;display:flex;align-items:center;gap:10px} .f5h .sel-h::before{content:"";width:5px;height:18px;border-radius:3px;background:linear-gradient(180deg,var(--accent),var(--accent-deep))} .f5h .sel-h span{font-weight:700;color:var(--ink-soft);text-transform:none;letter-spacing:0} .f5h .swatches{display:flex;gap:10px;flex-wrap:wrap} .f5h .swatch{width:84px;height:84px;border-radius:18px;cursor:pointer;border:2.5px solid var(--line);padding:0;position:relative;transition:.2s var(--ease);background:#fff} .f5h .swatch:hover{transform:scale(1.05)} .f5h .swatch.sel{border-color:var(--brand-deep);box-shadow:0 0 0 3px rgba(56,182,255,.25)} .f5h .swatch .chip{position:absolute;inset:4px;border-radius:14px;background-repeat:no-repeat!important;background-size:contain!important;background-position:center!important} .f5h .sizes{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px} .f5h .size{min-width:46px;padding:9px 12px;border-radius:11px;border:2px solid var(--line);background:#fff;cursor:pointer;font-family:inherit;font-weight:800;font-size:13px;color:var(--navy);transition:.2s var(--ease)} .f5h .size:hover{border-color:var(--brand)} .f5h .size.sel{border-color:var(--brand-deep);background:var(--mist);box-shadow:0 0 0 3px rgba(56,182,255,.18)} .f5h .cta{margin-top:20px;display:flex;flex-direction:column;gap:10px} .f5h .ship{display:flex;align-items:center;gap:10px;justify-content:flex-start;background:#fff;border:1.5px solid var(--brand);border-radius:13px;padding:11px 14px;font-size:13px;font-weight:600;color:var(--navy);box-shadow:var(--sh-soft)} .f5h .ship .flag{width:6px;height:24px;border-radius:3px;flex:0 0 6px;background:linear-gradient(180deg,#AA151B 0 25%,#F1BF00 25% 75%,#AA151B 75%)} .f5h .ship svg{width:20px;height:20px;color:var(--brand-deep);flex:0 0 20px}.f5h .ship b{font-weight:800} .f5h .btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:linear-gradient(180deg,var(--accent),var(--accent-deep));color:var(--navy);border:0;border-radius:16px;padding:19px 22px;cursor:pointer;font-family:inherit;font-weight:900;font-size:16px;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:0 16px 30px -12px rgba(242,194,0,.95),inset 0 2px 0 rgba(255,255,255,.5);transition:.18s var(--spring);position:relative;overflow:hidden} .f5h .btn:hover{transform:translateY(-2px);filter:brightness(1.04)}.f5h .btn:active{transform:translateY(1px) scale(.99)} .f5h .btn svg{width:20px;height:20px} .f5h .btn .shine{position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);animation:f5hshine 3.4s ease-in-out infinite} @keyframes f5hshine{0%,72%{left:-60%}88%,100%{left:130%}} .f5h .btn .spin{display:none;position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border:3px solid rgba(14,37,58,.25);border-top-color:var(--navy);border-radius:50%;animation:f5spin .7s linear infinite}.f5h .btn.loading{pointer-events:none}.f5h .btn.loading>span,.f5h .btn.loading>svg{opacity:0}.f5h .btn.loading .spin{display:block;opacity:1}@keyframes f5spin{to{transform:rotate(360deg)}} .f5h .guar{display:flex;align-items:center;gap:12px;background:var(--mist);border:1px solid var(--mist-3);border-radius:14px;padding:12px 15px} .f5h .guar .ic{flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#fff;display:grid;place-items:center;color:var(--brand-deep);box-shadow:0 4px 10px -4px rgba(11,82,134,.3)} .f5h .guar .ic svg{width:22px;height:22px} .f5h .guar b{display:block;font-weight:800;font-size:13.5px;color:var(--navy)} .f5h .guar small{display:block;font-size:11.5px;color:var(--ink-soft);font-weight:500;margin-top:1px} @media (max-width:880px){ .f5h .hero{grid-template-columns:1fr;gap:24px} .f5h .eyebrow{display:none} .f5h .f5seal{top:-3px;right:3px;width:37px;border-width:2px}.f5h .f5seal b{font-size:4px}.f5h .f5seal u{font-size:9px}.f5h .f5seal s{font-size:4px} .f5h .price{flex-wrap:nowrap;gap:7px}.f5h .price .now{font-size:24px}.f5h .price .was{font-size:14px}.f5h .price .tag{font-size:9.5px;padding:5px 8px;white-space:nowrap} .f5h .benefit{font-size:11.5px;padding:8px 11px 8px 9px;gap:8px} .f5h .thumbs{gap:5px}.f5h .thumb{border-radius:8px;padding:2px} .f5h .btn{white-space:nowrap;font-size:clamp(12px,3.4vw,15px);letter-spacing:.02em;padding:16px 12px;gap:7px}.f5h .btn svg{display:none} } Excepcional4,8 de 5 · 62 reseñas Tejido elástico · corte jogger · transpirable Conjunto Scrub Médico - Pantalón + Camisa €37,38€53,40−30% Disfruta de máxima comodidad y libertad de movimiento durante tu jornada clínica. Tejido transpirable y resistente Diseño ergonómico tipo jogger Costuras reforzadas de alta durabilidad Fácil de lavar y desinfectar .f5h .mzk{margin-top:20px;background:linear-gradient(180deg,#fff,var(--mist,#EFF7FE));border:1.5px solid var(--mist-3,#D6E9F8);border-radius:18px;padding:15px 14px;box-shadow:var(--sh-soft,0 6px 18px -12px rgba(11,82,134,.35))} .f5h .mzk-h{margin:0 0 10px;font-weight:900;font-size:14px;color:var(--navy,#0E2536);text-transform:uppercase;letter-spacing:.03em;display:flex;align-items:center;gap:10px} .f5h .mzk-h::before{content:"";width:5px;height:18px;border-radius:3px;background:linear-gradient(180deg,var(--accent,#F2C200),var(--accent-deep,#D9AE00))} .f5h .mzk-h span{font-weight:700;color:var(--ink-soft,#5A7183);text-transform:none;letter-spacing:0;font-size:13px} .f5h .mzk-kits{display:flex;flex-direction:column;gap:9px} .f5h .mzk-kit{position:relative;display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;background:#fff;border:2px solid var(--line,#E2ECF3);border-radius:14px;padding:13px 14px;cursor:pointer;transition:.18s ease;font-family:inherit;text-align:start;width:100%} .f5h .mzk-kit:hover{border-color:var(--brand,#38B6FF)} .f5h .mzk-kit.sel{border-color:var(--brand-deep,#0E6FB8);box-shadow:0 0 0 3px rgba(56,182,255,.18)} .f5h .mzk-kit .ring{width:21px;height:21px;border-radius:50%;border:2px solid #C3D3DF;display:grid;place-items:center;flex:0 0 21px} .f5h .mzk-kit.sel .ring{border-color:var(--brand-deep,#0E6FB8)} .f5h .mzk-kit.sel .ring::after{content:"";width:11px;height:11px;border-radius:50%;background:var(--brand-deep,#0E6FB8)} .f5h .mzk-kit b{display:block;font-size:14.5px;font-weight:900;color:var(--navy,#0E2536);line-height:1.2} .f5h .mzk-kit small{display:block;font-size:12px;color:var(--ink-soft,#5A7183);margin-top:3px;font-weight:600} .f5h .mzk-kit .pz{text-align:end;white-space:nowrap} .f5h .mzk-kit .pz i{display:block;font-style:normal;font-weight:900;font-size:15.5px;color:var(--price,#0E6FB8);letter-spacing:-.02em} .f5h .mzk-kit .pz s{display:block;font-size:11.5px;color:var(--ink-soft,#5A7183);font-weight:600} .f5h .mzk-kit .tag{position:absolute;top:-10px;inset-inline-end:12px;background:linear-gradient(180deg,var(--accent,#F2C200),var(--accent-deep,#D9AE00));color:var(--navy,#0E2536);font-size:10.5px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;padding:3px 10px;border-radius:999px;box-shadow:0 6px 14px -8px rgba(242,194,0,.9)} .f5h .mzk-items{margin-top:16px;border:1.5px solid var(--mist-3,#D6E9F8);border-radius:14px;background:#fff;overflow:hidden} .f5h .mzk-item{padding:13px 13px;border-bottom:1px solid var(--mist-2,#E6F2FB)} .f5h .mzk-item:last-child{border-bottom:0} .f5h .mzk-top{display:flex;align-items:center;gap:11px;margin-bottom:11px} .f5h .mzk-top img{width:50px;height:50px;border-radius:12px;object-fit:cover;border:1px solid var(--mist-3,#D6E9F8);background:#fff} .f5h .mzk-top b{display:block;font-size:13.5px;font-weight:900;color:var(--navy,#0E2536)} .f5h .mzk-top small{display:block;font-size:12px;color:var(--ink-soft,#5A7183);font-weight:600;margin-top:1px} .f5h .mzk-lbl{font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft,#5A7183);margin-bottom:6px} .f5h .mzk-sw{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px} .f5h .mzk-sw button{width:46px;height:46px;border-radius:13px;border:2.5px solid var(--line,#E2ECF3);background:#fff;padding:0;cursor:pointer;position:relative;transition:.18s ease} .f5h .mzk-sw button:hover{transform:scale(1.06)} .f5h .mzk-sw button.sel{border-color:var(--brand-deep,#0E6FB8);box-shadow:0 0 0 3px rgba(56,182,255,.25)} .f5h .mzk-sw button span{position:absolute;inset:3px;border-radius:9px;background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important} .f5h .mzk-sizes{display:flex;gap:7px;flex-wrap:wrap} .f5h .mzk-sizes button{min-width:44px;padding:8px 11px;border-radius:11px;border:2px solid var(--line,#E2ECF3);background:#fff;cursor:pointer;font-family:inherit;font-weight:800;font-size:12.5px;color:var(--navy,#0E2536);transition:.18s ease} .f5h .mzk-sizes button:hover{border-color:var(--brand,#38B6FF)} .f5h .mzk-sizes button.sel{border-color:var(--brand-deep,#0E6FB8);background:var(--mist,#EFF7FE);box-shadow:0 0 0 3px rgba(56,182,255,.18)} .f5h .mzk-sg{display:flex;align-items:center;gap:9px;width:100%;margin-top:12px;background:linear-gradient(180deg,#fff,#EFF7FE);border:1.6px solid rgba(14,111,184,.32);border-radius:12px;padding:11px 14px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:800;color:#0E6FB8;transition:.18s ease} .f5h .mzk-sg:hover{border-color:#0E6FB8;background:#fff;transform:translateY(-1px)} .f5h .mzk-sg .ar{margin-inline-start:auto;font-size:19px;opacity:.55;font-weight:400} .f5h .mzk-sum{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px dashed var(--mist-3,#D6E9F8)} .f5h .mzk-sum .l{font-size:12.5px;font-weight:700;color:var(--ink-soft,#5A7183)} .f5h .mzk-sum .r{text-align:end;white-space:nowrap} .f5h .mzk-sum .r i{font-style:normal;font-weight:900;font-size:22px;color:var(--price,#0E6FB8);letter-spacing:-.02em} .f5h .mzk-sum .r s{display:block;font-size:12px;color:var(--ink-soft,#5A7183);font-weight:600} .f5h .mzk-resumo{font-size:12px;color:var(--navy,#0E2536);font-weight:700;margin-top:3px} @media(max-width:520px){.f5h .mzk-top img{width:60px;height:60px}.f5h .mzk-sw button{width:45px;height:45px}.f5h .mzk-sizes button{min-width:40px;padding:8px 9px}} /* ---------- desktop: tudo mais compacto (mobile fica como está) ---------- */ @media(min-width:761px){ .f5h .mzk{padding:13px 12px;border-radius:16px;margin-top:16px} .f5h .mzk-h{font-size:12.5px;margin-bottom:8px;gap:8px} .f5h .mzk-h::before{height:15px;width:4px} .f5h .mzk-h span{font-size:11.5px} .f5h .mzk-kits{gap:7px} .f5h .mzk-kit{grid-template-columns:18px 1fr auto;gap:10px;padding:10px 12px;border-radius:12px} .f5h .mzk-kit .ring{width:18px;height:18px;flex:0 0 18px;border-width:2px} .f5h .mzk-kit.sel .ring::after{width:9px;height:9px} .f5h .mzk-kit b{font-size:13px} .f5h .mzk-kit small{font-size:11px;margin-top:2px} .f5h .mzk-kit .pz i{font-size:13.5px} .f5h .mzk-kit .pz s{font-size:10.5px} .f5h .mzk-kit .tag{font-size:9.5px;padding:2px 8px;top:-8px} .f5h .mzk-items{margin-top:12px;border-radius:12px} .f5h .mzk-item{padding:10px 11px} .f5h .mzk-top{gap:9px;margin-bottom:8px} .f5h .mzk-top img{width:38px;height:38px;border-radius:9px} .f5h .mzk-top b{font-size:12.5px} .f5h .mzk-top small{font-size:11px} .f5h .mzk-lbl{font-size:9.5px;margin-bottom:4px} .f5h .mzk-sw{gap:6px;margin-bottom:9px} .f5h .mzk-sw button{width:36px;height:36px;border-radius:10px;border-width:2px} .f5h .mzk-sw button span{inset:2px;border-radius:7px} .f5h .mzk-sizes{gap:5px} .f5h .mzk-sizes button{min-width:36px;padding:6px 8px;font-size:11.5px;border-radius:9px;border-width:2px} .f5h .mzk-sg{padding:9px 12px;font-size:12.5px;margin-top:10px;border-radius:10px} .f5h .mzk-sg .ar{font-size:16px} .f5h .mzk-sum{margin-top:11px;padding-top:10px} .f5h .mzk-sum .l{font-size:11.5px} .f5h .mzk-sum .r i{font-size:18px} .f5h .mzk-sum .r s{font-size:11px} .f5h .mzk-resumo{font-size:11px} } 1 · Arma tu kit y ahorra más 2 · Elige color y talla de cada conjunto 📏Guía de tallas› Total del kit Añadir al carrito — (function(){"use strict"; var D={"colors": [{"n": "Verde menta", "img": "https://cdn.shopify.com/s/files/1/0730/6110/5951/files/scrubs-color-verde-menta-v2.webp?v=1784203847", "sw": "https://cdn.shopify.com/s/files/1/0730/6110/5951/files/swatch-full-verde-menta.webp", "ids": {"S": 52682065641759, "M": 52682065608991, "L": 52682065215775, "XL": 52682065183007, "XXL": 52682065281311}}, {"n": "Negro", "img": "https://cdn.shopify.com/s/files/1/0730/6110/5951/files/scrubs-color-negro.webp?v=1784203860", "sw": "https://cdn.shopify.com/s/files/1/0730/6110/5951/files/swatch-full-negro.webp", "ids": {"S": 52682065248543, "M": 52682065346847, "L": 52682065314079, "XL": 52682065412383, "XXL": 52682065379615}}, {"n": "Azul marino", "img": "https://cdn.shopify.com/s/files/1/0730/6110/5951/files/scrubs-color-azul-marino_025c3cba-6195-403f-9184-8fe09978f2fc.webp?v=1784203879", "sw": "https://cdn.shopify.com/s/files/1/0730/6110/5951/files/swatch-full-azul-marino.webp", "ids": {"S": 52682065445151, "M": 52682065510687, "L": 52682065477919, "XL": 52682065576223, "XXL": 52682065543455}}, {"n": "Rosa", "img": "https://cdn.shopify.com/s/files/1/0730/6110/5951/files/scrubs-color-rosa.webp?v=1784203890", "sw": "https://cdn.shopify.com/s/files/1/0730/6110/5951/files/swatch-full-rosa.webp", "ids": {"S": 52682065871135, "M": 52682066493727, "L": 52682066460959, "XL": 52682066559263, "XXL": 52682066526495}}, {"n": "Azul rey", "img": "https://cdn.shopify.com/s/files/1/0730/6110/5951/files/scrubs-color-azul-rey.webp?v=1784203899", "sw": "https://cdn.shopify.com/s/files/1/0730/6110/5951/files/swatch-full-azul-rey.webp", "ids": {"S": 52682066624799, "M": 52682066592031, "L": 52682066690335, "XL": 52682066657567, "XXL": 52682066231583}}], "sizes": ["S", "M", "L", "XL", "XXL"], "L": {"h1": "1 · Arma tu kit", "h1s": "y ahorra más", "h2": "2 · Elige color y talla", "h2s": "de cada conjunto", "guide": "Guía de tallas", "total": "Total del kit", "tag1": "Más elegido", "tag2": "Mejor precio", "set": "conjunto", "sets": "conjuntos", "each": "c/u", "save": "ahorra %s%", "item": "Conjunto %s", "color": "Color", "size": "Talla", "addOne": "Añadir al carrito", "addN": "Añadir %s al carrito"}}; var L=D.L; var TIERS=[{q:1,off:0},{q:2,off:.05,tag:L.tag1},{q:4,off:.15,tag:L.tag2}]; var DEF=(function(){var a=[],n=D.colors.length;for(var i=0;iu)?v:0; } function sync(){var q=TIERS[kit].q;while(picks.length"+fmt(tot/t.q)+" "+L.each+" · "+L.save.replace("%s",Math.round(t.off*100))+"":""+fmt(u)+" "+L.each+""; return ''+ (t.tag?''+t.tag+'':'')+ ''+ ''+t.q+" "+(t.q>1?L.sets:L.set)+''+off+''+ ''+fmt(tot)+''+(was?''+fmt(was)+'':'')+''; }).join(""); } function paintItems(root){ var u=unitCents(),o=oldCents(),t=TIERS[kit]; root.querySelector("[data-mzk-items]").innerHTML=picks.map(function(p,i){ var c=D.colors[p.c]; return ''+ ''+L.item.replace("%s",i+1)+''+c.n+' · '+p.s+''+ ''+L.color+''+D.colors.map(function(cc,ci){ return '';}).join("")+''+ ''+L.size+''+D.sizes.map(function(s){ return ''+s+'';}).join("")+''; }).join(""); var tot=friendlyTotal(Math.round(u*t.q*(1-t.off)),t.q); root.querySelector("[data-mzk-total]").textContent=fmt(tot); var oldEl=root.querySelector("[data-mzk-old]"); oldEl.textContent=o?fmt(o*t.q):""; root.querySelector("[data-mzk-resumo]").textContent=picks.map(function(p){return D.colors[p.c].n+" "+p.s;}).join(" + "); var pz=document.querySelector("[data-mzk-btnpz]"); if(pz)pz.textContent=fmt(tot); var lb=document.querySelector("[data-mzk-btnlbl]"); if(lb)lb.textContent=(t.q>1?L.addN.replace("%s",t.q):L.addOne); } function heroImg(ci){ var f5=document.querySelector(".f5h"); if(!f5) return; var tr=f5.querySelector("[data-f5track]"); if(!tr||!tr.children.length) return; var im=tr.children[0].querySelector("img"); if(!im) return; im.src=D.colors[ci].img+"&width=1400"; if(im.srcset)im.srcset=""; var th=f5.querySelector(".thumb"); if(th){var ti=th.querySelector("img"); if(ti){ti.src=D.colors[ci].img+"&width=260"; if(ti.srcset)ti.srcset="";} try{th.click();}catch(e){}} } function sizeGuide(){ var f5=document.querySelector(".f5h"),ims=f5?f5.querySelectorAll("[data-f5track] img"):[]; var url=null; for(var i=0;i×'; var _fecha=function(){try{ov.remove();}catch(e){} document.removeEventListener("keydown",_esc,true);}; var _esc=function(e){if(e.key==="Escape"||e.key==="Esc"){e.preventDefault();_fecha();}}; ov.addEventListener("click",_fecha); document.addEventListener("keydown",_esc,true); var _x=ov.querySelector("button"); if(_x){_x.setAttribute("aria-label","cerrar");_x.addEventListener("click",function(e){e.stopPropagation();_fecha();});} document.body.appendChild(ov); } function buy(btn){ if(btn.classList.contains("loading"))return; var agg={}; picks.forEach(function(p){var id=D.colors[p.c].ids[p.s]; if(id)agg[id]=(agg[id]||0)+1;}); var items=Object.keys(agg).map(function(id){return {id:parseInt(id,10),quantity:agg[id]};}); if(!items.length)return; btn.classList.add("loading"); var cd=document.querySelector("cart-drawer"), root=(window.Shopify&&Shopify.routes&&Shopify.routes.root)?Shopify.routes.root:"/", body={items:items}; if(cd&&cd.getSectionsToRender){try{body.sections=cd.getSectionsToRender().map(function(s){return s.section||s.id});body.sections_url=location.pathname;}catch(e){}} fetch(root+"cart/add",{method:"POST",headers:{"Content-Type":"application/json","Accept":"application/javascript"},body:JSON.stringify(body)}) .then(function(r){return r.json()}) .then(function(res){ if(res&&res.status&&+res.status>=400)throw new Error("add failed"); if(cd&&cd.renderContents){if(cd.classList)cd.classList.remove("is-empty");cd.renderContents(res);setTimeout(function(){btn.classList.remove("loading")},500);} else{location.href=root+"cart";} }) .catch(function(){btn.classList.remove("loading");location.href=root+"cart";}); } function boot(){ var root=document.querySelector("[data-mzk]"); if(!root||root.__mzk)return; root.__mzk=1; sync();paintKits(root);paintItems(root); root.addEventListener("click",function(e){ var k=e.target.closest("[data-k]"); if(k&&root.contains(k)){kit=+k.getAttribute("data-k");sync();paintKits(root);paintItems(root);return;} var it=e.target.closest(".mzk-item"); if(!it)return; var i=+it.getAttribute("data-i"); var c=e.target.closest("[data-c]"); if(c){picks[i].c=+c.getAttribute("data-c");paintItems(root);heroImg(picks[i].c);return;} var s=e.target.closest("[data-s]"); if(s){picks[i].s=s.getAttribute("data-s");paintItems(root);} }); var sg=root.querySelector("[data-mzk-sg]"); if(sg)sg.addEventListener("click",sizeGuide); var b=document.querySelector("[data-mzk-buy]"); if(b)b.addEventListener("click",function(){buy(this);}); setTimeout(function(){paintKits(root);paintItems(root);},600); } if(document.readyState==="loading")document.addEventListener("DOMContentLoaded",boot);else boot(); addEventListener("pageshow",function(){ var root=document.querySelector("[data-mzk]");if(!root)return; kit=0;picks=[];sync();paintKits(root);paintItems(root); }); })(); Envío gratis 120 días de garantíacontra cualquier defecto de fabricación Detalles del producto .f5h .f5det{margin-top:clamp(30px,5vw,60px)} .f5h .f5det-h{font-weight:900;font-size:clamp(18px,2.4vw,24px);color:var(--navy);text-transform:uppercase;letter-spacing:.02em;display:flex;align-items:center;gap:10px;margin-bottom:16px} .f5h .f5det-h::before{content:"";width:5px;height:22px;border-radius:3px;background:linear-gradient(180deg,var(--accent),var(--accent-deep))} .f5h .f5det-imgs{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(8px,1.4vw,14px)} .f5h .f5det-imgs img{width:100%;border-radius:14px;border:1px solid var(--mist-2);box-shadow:var(--sh-soft)}