.arm-banner--impacto{--imp-pad: clamp(20px, 4vw, 56px);--imp-H: clamp(560px, 41.6667vw, 640px);--imp-poly: polygon(57.5% 0, 100% 0, 100% 100%, 41.5% 100%);--imp-filo: polygon( calc(57.5% - 23px) 0, calc(57.5% - 16px) 0, calc(41.5% - 16px) 100%, calc(41.5% - 23px) 100%);--imp-f: calc(var(--imp-H) * .34);--imp-trazo: 2px;--imp-lx: 73.5%;--imp-ly: 57.6%;--imp-rojo: var(--rojo, #cc0c12);--imp-titular: "Anton", Impact, "Arial Narrow Bold", sans-serif;--imp-texto: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--imp-cifra: "League Gothic", "Anton", "Arial Narrow", sans-serif;position:relative;display:block;box-sizing:border-box;width:100%;height:var(--imp-H);margin:0;padding:0;overflow:hidden;isolation:isolate;background:#0b0b0b;color:#fff;font-family:var(--imp-texto);font-size:16px;font-weight:400;line-height:1.45;text-align:left;-webkit-font-smoothing:antialiased}.arm-banner--impacto *,.arm-banner--impacto *:before,.arm-banner--impacto *:after{box-sizing:border-box}.arm-banner--impacto,.arm-banner--impacto *,.arm-banner--impacto *:before,.arm-banner--impacto *:after{transition-property:none}.arm-banner--impacto .imp-capa{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;pointer-events:none}.arm-banner--impacto .imp-negro{background:radial-gradient(85% 110% at 0% 0%,#1e1c1b,#1e1c1b00 62%),#0b0b0b}.arm-banner--impacto .imp-rojo{clip-path:var(--imp-poly);background:radial-gradient(48% 62% at var(--imp-lx) var(--imp-ly),rgba(236,34,40,.95) 0%,rgba(236,34,40,0) 70%),radial-gradient(90% 90% at 100% 100%,#8c060ab3,#8c060a00 60%),var(--imp-rojo)}.arm-banner--impacto .imp-rojo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(arm-impacto-grano.webp) 0 0 / 220px 220px;mix-blend-mode:overlay;opacity:.16}.arm-banner--impacto .imp-filo{clip-path:var(--imp-filo);background:var(--imp-rojo)}.arm-banner--impacto .imp-escena{overflow:hidden;clip-path:var(--imp-poly);-webkit-mask-image:var(--imp-calma, none);mask-image:var(--imp-calma, none)}.arm-banner--impacto .imp-fila{position:absolute;left:var(--imp-x, 50%);top:var(--imp-y, 0px);display:block;margin:0;padding:0;white-space:nowrap;font:400 var(--imp-f) / 1 var(--imp-titular);letter-spacing:.01em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.arm-banner--impacto .imp-fila:before{content:attr(data-eco)}.arm-banner--impacto .imp-fila--llena{color:#fff}.arm-banner--impacto .imp-fila--borde{color:transparent;-webkit-text-stroke:var(--imp-trazo) rgba(255,255,255,.55)}.arm-banner--impacto .imp-estelas,.arm-banner--impacto .imp-polvo{position:absolute;display:block;margin:0;background-repeat:no-repeat;background-position:0 0;background-size:100% 100%;transform-origin:50% 50%}.arm-banner--impacto .imp-estelas{background-image:url(arm-impacto-estelas.webp);aspect-ratio:2000 / 760;opacity:.9}.arm-banner--impacto .imp-polvo{background-image:url(arm-impacto-polvo.webp);aspect-ratio:1200 / 888}.arm-banner--impacto.imp--sin-productos .imp-polvo,.arm-banner--impacto.is-sin-productos .imp-polvo{display:none}.arm-banner--impacto .imp-grupo{z-index:1}.arm-banner--impacto .imp-prod{position:absolute;margin:0;padding:0;will-change:transform;filter:drop-shadow(0 0 9px rgba(28,0,3,.5)) drop-shadow(22px 30px 26px rgba(24,0,2,.55)) drop-shadow(5px 9px 6px rgba(0,0,0,.38))}.arm-banner--impacto .imp-prod img{display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:contain}.arm-banner--impacto .imp-recorte{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.arm-banner--impacto .imp-recorte img{position:absolute;width:auto;height:auto;max-width:none;object-fit:fill}.arm-banner--impacto .imp-copy{position:absolute;z-index:2;left:var(--imp-pad);top:13%;bottom:13%;width:var(--imp-colw, calc(44.7% - var(--imp-pad) - 48px));display:flex;flex-direction:column;justify-content:center;justify-content:safe center;margin:0}.arm-banner--impacto .imp-kicker{display:flex;align-items:center;gap:12px;margin:0 0 16px;font:700 12px/1 var(--imp-texto);letter-spacing:.16em;text-transform:uppercase;color:#f4efe9cc}.arm-banner--impacto .imp-kicker:before{content:"";flex:none;width:30px;height:4px;background:var(--imp-rojo)}.arm-banner--impacto .imp-k-precio{display:none}.arm-banner--impacto .imp-h1{--imp-h1-max: clamp(84px, calc(var(--imp-H) * .235), 150px);--imp-h1-min2: 60px;--imp-h1-col: calc(49.5vw - var(--imp-pad) - 67px);--imp-h1-alto: calc(var(--imp-H) * .74 - 236px);--imp-h1-lh: .96;--imp-h1-pt: 0;width:max-content;max-width:var(--imp-h1w, var(--imp-h1-col));margin:0;padding:0;font:400 var(--imp-h1, max( min(var(--imp-h1-max), calc(var(--imp-h1-col) / var(--imp-h1-e1, 4)), calc(var(--imp-h1-alto) / (var(--imp-h1-lh) + var(--imp-h1-pt)))), min(var(--imp-h1-max), calc(var(--imp-h1-col) / var(--imp-h1-e2, 4)), calc(var(--imp-h1-alto) / (2 * var(--imp-h1-lh) + var(--imp-h1-pt)))), min(var(--imp-h1-min2), calc(var(--imp-h1-col) / var(--imp-h1-e3, 4)), calc(var(--imp-h1-alto) / (3 * var(--imp-h1-lh) + var(--imp-h1-pt)))) )) / var(--imp-h1-lh) var(--imp-titular);letter-spacing:.004em;text-transform:uppercase;text-wrap:balance;color:#fff}.arm-banner--impacto .imp-nw{white-space:nowrap}.arm-banner--impacto .imp-tag{max-width:40ch;margin:16px 0 0;font:400 18px/1.45 var(--imp-texto);text-wrap:balance;color:#f4efe9e6}.arm-banner--impacto .imp-marcas{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}.arm-banner--impacto .imp-marcas li{display:inline-flex;align-items:center;height:32px;margin:0;padding:0 14px;border:1.5px solid rgba(255,255,255,.9);border-radius:999px;font:600 13px/1 var(--imp-texto);letter-spacing:.02em;white-space:nowrap;color:#fff}.arm-banner--impacto .imp-accion{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;margin:26px 0 0}.arm-banner--impacto .imp-cta{display:inline-flex;align-items:center;gap:12px;height:52px;margin:0;padding:0 26px 0 28px;border:0;border-radius:999px;background:#fff;color:#0b0b0b;font:800 14px/1 var(--imp-texto);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color .16s ease}.arm-banner--impacto .imp-cta svg{display:block;flex:none;width:16px;height:16px;max-width:none}.arm-banner--impacto .imp-cta:hover{background:#f4efe9;color:#0b0b0b}.arm-banner--impacto .imp-cta:focus{outline:none}.arm-banner--impacto .imp-cta:focus-visible{outline:3px solid #fff;outline-offset:3px}.arm-banner--impacto .imp-dato{display:flex;flex-direction:column;gap:3px;margin:0;font:700 11px/1.15 var(--imp-texto);letter-spacing:.14em;text-transform:uppercase;color:#f4efe9c7}.arm-banner--impacto .imp-dato b{font:400 38px/.95 var(--imp-cifra);letter-spacing:.02em;color:#fff}.arm-banner--impacto .imp-esquina{position:absolute;z-index:2;margin:0;font:700 12px/1 var(--imp-texto);color:#f4efe9d1}.arm-banner--impacto .imp-ciudad{left:var(--imp-pad);top:40px;letter-spacing:.18em;text-transform:uppercase}.arm-banner--impacto .imp-ig{left:var(--imp-pad);bottom:38px;letter-spacing:.06em}.arm-banner--impacto .imp-logo{--logo-w: 47px;position:absolute;z-index:2;right:var(--imp-pad);top:34px;margin:0}.arm-banner--impacto:not(.is-medido) .imp-fila:nth-child(1){--imp-x: calc(55.24% - var(--imp-H) * .2108);--imp-y: calc(var(--imp-H) * -.0272)}.arm-banner--impacto:not(.is-medido) .imp-fila:nth-child(2){--imp-x: calc(49.63% + var(--imp-H) * .0204);--imp-y: calc(var(--imp-H) * .3237)}.arm-banner--impacto:not(.is-medido) .imp-fila:nth-child(3){--imp-x: calc(44.01% - var(--imp-H) * .102);--imp-y: calc(var(--imp-H) * .6746)}.arm-banner--impacto:not(.is-medido) .imp-fila:nth-child(4){--imp-x: calc(38.4% + var(--imp-H) * .0748);--imp-y: calc(var(--imp-H) * 1.0255)}.arm-banner--impacto:not(.is-medido) .imp-polvo{left:calc(73.5% - var(--imp-H) * .9);top:calc(var(--imp-H) * -.09);width:calc(var(--imp-H) * 1.8)}.arm-banner--impacto:not(.is-medido) .imp-estelas{left:calc(26.64% - 40px);top:calc(var(--imp-H) * .586);width:95%;margin-top:-18.05%;rotate:-12deg}.arm-banner--impacto:not(.is-medido) .imp-prod--heroe{left:73.5%;top:calc(var(--imp-H) * .24);height:calc(var(--imp-H) * .7);translate:-50% 0}.arm-banner--impacto:not(.is-medido) .imp-prod--heroe img{width:auto;rotate:-2.5deg}.arm-banner--impacto:not(.is-medido) .imp-prod:not(.imp-prod--heroe):not(.imp-prod--ssr){display:none}.arm-banner--impacto.is-medido .imp-prod--ssr:not(.is-usada){display:none}.arm-banner--impacto:not(.is-medido) .imp-prod--cuadrada{top:calc(var(--imp-H) * .1);height:calc(var(--imp-H) * .86)}.arm-banner--impacto:not(.is-medido) .imp-h1{padding-top:calc(var(--imp-h1-pt) * 1em);overflow-wrap:break-word}.arm-banner--impacto:not(.is-medido) .imp-h1--tilde{--imp-h1-lh: 1.12;--imp-h1-pt: .12}.arm-banner--impacto:not(.is-medido) .imp-h1--tilde-arriba{--imp-h1-pt: .21}.arm-banner--impacto.imp--con-lados:not(.is-medido) .imp-grupo{--imp-bl: calc(51vw + 34px) ;--imp-br: calc(100vw - 1.1 * var(--imp-pad));--imp-hh: min(calc(var(--imp-H) * .7), calc((var(--imp-br) - var(--imp-bl)) / var(--imp-gw)));--imp-ax: clamp(calc(var(--imp-bl) + var(--imp-hh) * var(--imp-el)), 73.5vw, calc(var(--imp-br) - var(--imp-hh) * var(--imp-er)));--imp-yb: calc(var(--imp-H) * .06)}.arm-banner--impacto.imp--con-lados:not(.is-medido) .imp-prod--heroe{left:var(--imp-ax);top:auto;bottom:var(--imp-yb);height:var(--imp-hh);translate:-50% 0;z-index:3}.arm-banner--impacto.imp--con-lados:not(.is-medido) .imp-prod--izq{left:calc(var(--imp-ax) + var(--imp-hh) * var(--imp-xl));bottom:calc(var(--imp-yb) + var(--imp-hh) * .12);width:calc(var(--imp-hh) * var(--imp-wl));height:calc(var(--imp-hh) * var(--imp-kl));z-index:1}.arm-banner--impacto.imp--con-lados:not(.is-medido) .imp-prod--der{left:calc(var(--imp-ax) + var(--imp-hh) * var(--imp-xr));bottom:calc(var(--imp-yb) + var(--imp-hh) * .05);width:calc(var(--imp-hh) * var(--imp-wr));height:calc(var(--imp-hh) * var(--imp-kr));z-index:2}.arm-banner--impacto.imp--con-lados:not(.is-medido) .imp-prod--izq img{rotate:-7deg}.arm-banner--impacto.imp--con-lados:not(.is-medido) .imp-prod--der img{rotate:6deg}@media(min-width:900px)and (max-width:1199px){.arm-banner--impacto{--imp-H: clamp(560px, 58vw, 620px)}.arm-banner--impacto .imp-h1{--imp-h1-alto: calc(var(--imp-H) * .74 - 200px)}.arm-banner--impacto .imp-tag{margin-top:14px;font-size:16px}.arm-banner--impacto .imp-marcas{margin-top:16px;gap:6px}.arm-banner--impacto .imp-marcas li{height:28px;padding:0 12px;font-size:12px}.arm-banner--impacto .imp-accion{margin-top:20px}.arm-banner--impacto .imp-cta{height:48px;padding:0 22px 0 24px;font-size:13px}.arm-banner--impacto .imp-dato,.arm-banner--impacto .imp-k-indice,.arm-banner--impacto .imp-k-marcas{display:none}.arm-banner--impacto .imp-k-precio{display:inline}}.arm-banner--impacto.is-pastillas .imp-marcas{gap:6px}.arm-banner--impacto.is-pastillas .imp-marcas li{height:30px;padding:0 12px;font-size:12px}.arm-banner--impacto.is-sin-cuenta .imp-k-cuenta,.arm-banner--impacto.is-sin-cuenta .imp-k-sep{display:none}@media(max-width:899px){.arm-banner--impacto{--imp-f: clamp(92px, 31vw, 140px);--imp-trazo: 1.4px;--imp-esc: 352px;--imp-poly: polygon(0 calc(100% - var(--imp-esc) + 16px + 20vw), 100% calc(100% - var(--imp-esc) + 16px), 100% 100%, 0 100%);--imp-filo: polygon(0 calc(100% - var(--imp-esc) - 1px + 20vw), 100% calc(100% - var(--imp-esc) - 1px), 100% calc(100% - var(--imp-esc) + 4px), 0 calc(100% - var(--imp-esc) + 4px + 20vw));--imp-lx: 53%;--imp-ly: 72%;height:auto;min-height:560px}.arm-banner--impacto.imp--sin-productos{--imp-esc: 300px}.arm-banner--impacto .imp-copy{position:static;display:block;width:auto;padding:70px var(--imp-pad) 0}.arm-banner--impacto .imp-copy>*{position:relative;z-index:2}.arm-banner--impacto .imp-kicker{margin-bottom:12px;font-size:11px}.arm-banner--impacto .imp-kicker:before{width:22px;height:3px}.arm-banner--impacto .imp-k-indice,.arm-banner--impacto .imp-k-marcas{display:none}.arm-banner--impacto .imp-k-precio{display:inline}.arm-banner--impacto .imp-h1{--imp-h1-max: clamp(54px, 15vw, 96px);--imp-h1-min2: 38px;--imp-h1-col: calc(100vw - 2 * var(--imp-pad));--imp-h1-alto: 10000px}.arm-banner--impacto .imp-tag{margin-top:12px;font-size:15px;line-height:1.42}.arm-banner--impacto .imp-marcas{margin-top:14px;gap:6px}.arm-banner--impacto .imp-marcas li{height:28px;padding:0 11px;font-size:12px;border-width:1.25px}.arm-banner--impacto .imp-copy>.imp-accion{position:absolute;z-index:3;left:var(--imp-pad);bottom:18px;margin:0}.arm-banner--impacto .imp-cta{height:44px;padding:0 18px 0 20px;gap:10px;font-size:12px}.arm-banner--impacto .imp-cta-n,.arm-banner--impacto .imp-dato{display:none}.arm-banner--impacto .imp-ciudad{top:26px;font-size:11px;letter-spacing:.16em}.arm-banner--impacto .imp-ig{left:auto;right:var(--imp-pad);bottom:34px;font-size:11px;color:#fff}.arm-banner--impacto .imp-logo{--logo-w: 36px;top:18px}.arm-banner--impacto:not(.is-medido) .imp-copy{padding-bottom:var(--imp-esc)}.arm-banner--impacto:not(.is-medido) .imp-prod--heroe{top:auto;bottom:76px;left:53%;height:220px}.arm-banner--impacto:not(.is-medido) .imp-prod--cuadrada{bottom:60px;height:270px}.arm-banner--impacto.imp--con-lados:not(.is-medido) .imp-grupo{--imp-hh: min(220px, calc((100vw - 20px) / var(--imp-gw)));--imp-ax: clamp(calc(10px + var(--imp-hh) * var(--imp-el)), 53vw, calc(100vw - 10px - var(--imp-hh) * var(--imp-er)));--imp-yb: 76px}.arm-banner--impacto:not(.is-medido) .imp-fila:nth-child(1){--imp-x: calc(var(--imp-pad) * .5 - var(--imp-f) * .55);--imp-y: calc(100% - 296px + var(--imp-f) * 2.271)}.arm-banner--impacto:not(.is-medido) .imp-fila:nth-child(2){--imp-x: calc(53% + 70px - var(--imp-f) * .14);--imp-y: calc(100% - 296px - var(--imp-f) * .822)}.arm-banner--impacto:not(.is-medido) .imp-fila:nth-child(3){--imp-x: calc(var(--imp-pad) * .5 - var(--imp-f) * .28);--imp-y: calc(100% - 296px + var(--imp-f) * .21)}.arm-banner--impacto:not(.is-medido) .imp-fila:nth-child(4){--imp-x: calc(var(--imp-pad) * .5 + var(--imp-f) * .16);--imp-y: calc(100% - 296px + var(--imp-f) * 1.241)}.arm-banner--impacto:not(.is-medido) .imp-polvo{left:calc(53% - min(80%,320px));top:calc(100% - 190px);width:min(160%,640px);margin-top:calc(min(160%,640px)*-.37)}.arm-banner--impacto:not(.is-medido) .imp-estelas{left:-35%;top:calc(100% - 184px);width:170%;margin-top:-32.3%;rotate:-11deg}}@media(max-width:899px){.arm-banner--impacto.is-estrecho .imp-cta{padding:0 14px 0 16px;gap:8px;letter-spacing:.06em}.arm-banner--impacto.is-estrecho .imp-ig{font-size:10.5px;letter-spacing:.03em}.arm-banner--impacto.is-sin-ig .imp-ig{display:none}}@supports (width: 1cqw){.arm-banner--impacto{container-type:inline-size}.arm-banner--impacto .imp-h1{--imp-h1-col: calc(49.5cqw - var(--imp-pad) - 67px)}.arm-banner--impacto.imp--con-lados:not(.is-medido) .imp-grupo{--imp-bl: calc(51cqw + 34px) ;--imp-br: calc(100cqw - 1.1 * var(--imp-pad));--imp-ax: clamp(calc(var(--imp-bl) + var(--imp-hh) * var(--imp-el)), 73.5cqw, calc(var(--imp-br) - var(--imp-hh) * var(--imp-er)))}@media(max-width:899px){.arm-banner--impacto .imp-h1{--imp-h1-max: clamp(54px, 15cqw, 96px);--imp-h1-col: calc(100cqw - 2 * var(--imp-pad))}.arm-banner--impacto.imp--con-lados:not(.is-medido) .imp-grupo{--imp-hh: min(220px, calc((100cqw - 20px) / var(--imp-gw)));--imp-ax: clamp(calc(10px + var(--imp-hh) * var(--imp-el)), 53cqw, calc(100cqw - 10px - var(--imp-hh) * var(--imp-er)))}}}.arm-banner--impacto.is-preparando>:not(script){visibility:hidden}@media(prefers-reduced-motion:no-preference){.arm-banner--impacto.is-entrada .imp-prod:not(.is-cargada){opacity:0}.arm-banner--impacto.is-entrada .imp-prod.is-cargada{animation:imp-sube .76s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--imp-i, 0) * 90ms + .12s)}.arm-banner--impacto.is-entrada .imp-polvo{animation:imp-estalla 1s cubic-bezier(.16,.84,.24,1) 60ms both}.arm-banner--impacto.is-entrada .imp-estelas{animation:imp-corre .9s cubic-bezier(.2,.8,.2,1) both}.arm-banner--impacto.is-entrada .imp-fila{animation:imp-fila 1s cubic-bezier(.2,.8,.2,1) both}.arm-banner--impacto.is-entrada .imp-fila:nth-child(2n){animation-name:imp-fila-b}.arm-banner--impacto.is-entrada .imp-copy>*{animation:imp-texto .64s cubic-bezier(.2,.8,.2,1) both}.arm-banner--impacto.is-entrada .imp-copy>:nth-child(2){animation-delay:60ms}.arm-banner--impacto.is-entrada .imp-copy>:nth-child(3){animation-delay:.12s}.arm-banner--impacto.is-entrada .imp-copy>:nth-child(4){animation-delay:.18s}.arm-banner--impacto.is-entrada .imp-copy>:nth-child(5){animation-delay:.24s}}@keyframes imp-sube{0%{opacity:0;translate:0 34px;scale:.94}}@keyframes imp-estalla{0%{opacity:0;scale:.7}}@keyframes imp-corre{0%{opacity:0;translate:-60px 0}}@keyframes imp-fila{0%{opacity:0;translate:-40px 0}}@keyframes imp-fila-b{0%{opacity:0;translate:40px 0}}@keyframes imp-texto{0%{opacity:0;translate:0 14px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/arm-banner-impacto.css.map */