@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-banner-todohits{background-size:cover;background-position:center;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:clamp(2rem,8vw,10rem);border-radius:12px;box-shadow:0 10px 30px #00000012;position:relative}.hero-banner-texto{flex:0 1 600px;color:#111;max-width:600px;position:relative;z-index:3}.hero-banner-texto h2{margin:0 0 .5rem;font-weight:800;font-size:52px;line-height:1.2}.hero-banner-texto p:not(.etiqueta-banner){margin:0 0 1.5rem;color:#333;font-size:20px;line-height:1.5;font-weight:400}.hero-banner-imagen{flex:0 0 720px;display:flex;align-items:center;justify-content:center;width:720px;height:600px;position:relative;overflow:hidden}.hero-banner-imagen.con-degradado:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250%;height:250%;background:radial-gradient(circle at center,#FFFFFF 0%,#FFFFFF 15%,rgba(255,255,255,.98) 25%,rgba(255,255,255,.95) 35%,rgba(255,255,255,.85) 45%,rgba(255,255,255,.65) 55%,rgba(255,255,255,.35) 65%,rgba(255,255,255,.1) 75%,rgba(255,255,255,0) 85%,transparent 100%);z-index:1;pointer-events:none}.hero-banner-imagen img{max-width:720px;max-height:450px;width:auto;height:auto;object-fit:contain;object-position:center;display:block;position:relative;z-index:2}.hero-banner-texto a,.hero-banner-boton-movil a{background:linear-gradient(135deg,#000,#1a1a1a);color:#fff;--color-button-text: 255,255,255;padding:1rem 3rem;border-radius:6px;box-shadow:0 4px 15px #0003;text-decoration:none;font-weight:600;font-size:16px;display:inline-block;position:relative;overflow:hidden;transition:all .3s ease;min-width:200px;text-align:center;border:2px solid transparent}.hero-banner-texto a span:not(.glacier_animation),.hero-banner-boton-movil a span:not(.glacier_animation){position:relative;z-index:1}.hero-banner-texto a:before,.hero-banner-boton-movil a:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(135deg,#fff,#f0f0f0);transition:width .3s ease;z-index:0;border-radius:4px;pointer-events:none}.hero-banner-texto a:hover,.hero-banner-boton-movil a:hover{color:#000;--color-button-text: 0,0,0;box-shadow:0 8px 25px #0000004d;border-color:#000}.hero-banner-texto a:hover:before,.hero-banner-boton-movil a:hover:before{width:100%}.hero-banner-texto a.boton-invertido,.hero-banner-boton-movil a.boton-invertido{background:linear-gradient(135deg,#fff,#f5f5f5);color:#000;--color-button-text: 0,0,0;border:2px solid #e0e0e0;box-shadow:0 4px 15px #0000001a}.hero-banner-texto a.boton-invertido:before,.hero-banner-boton-movil a.boton-invertido:before{background:linear-gradient(135deg,#000,#1a1a1a)}.hero-banner-texto a.boton-invertido:hover,.hero-banner-boton-movil a.boton-invertido:hover{color:#fff;--color-button-text: 255,255,255;border-color:#000}.hero-banner-boton-movil{display:none}.etiqueta-banner{display:inline-block;padding:.4em 2em;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:14px;margin:0 0 1rem;transition:all .3s ease}.etiqueta-banner.etiqueta-negro{background-color:#000;color:#fff;border-radius:0 14px}.etiqueta-banner.etiqueta-rojo{background-color:red;color:#fff;border-radius:0 14px}.hero-banner-slider{position:relative;overflow:hidden;animation:fadeSlideUp 1s ease-out;width:100%;max-width:100%}.hero-banner-track{display:flex;transition:transform .6s ease;width:100%}.hero-banner-slide{flex:0 0 100%;width:100%;min-width:100%}.hero-slider-controls{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;z-index:0}.hero-slider-prev,.hero-slider-next{position:absolute;bottom:1.5rem;background:#000000b3;color:#fff;border:2px solid rgba(255,255,255,.2);width:40px;height:40px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease;z-index:0}.hero-slider-prev{left:calc(50% - 100px)}.hero-slider-next{right:calc(50% - 100px)}.hero-slider-prev:hover,.hero-slider-next:hover{background:#000000e6;border-color:#fff6;transform:scale(1.1)}.hero-slider-prev:active,.hero-slider-next:active{transform:scale(.95)}.hero-slider-prev svg,.hero-slider-next svg{width:18px;height:18px}.hero-slider-dots{display:flex;gap:.75rem;position:relative}.hero-slider-dot{width:8px;height:8px;border-radius:50%;background:#0003;border:none;padding:0;cursor:pointer;transition:all .3s ease}.hero-slider-dot:hover{background:#0006;transform:scale(1.2)}.hero-slider-dot.active{width:24px;border-radius:4px;background:#000c}.hero-timer{display:flex;align-items:flex-start;justify-content:flex-start;gap:clamp(.5rem,2vw,1rem);font-size:clamp(32px,7vw,48px);font-weight:700;color:#000;margin:25px 0;padding-top:1.5rem;font-family:monospace;flex-wrap:nowrap;white-space:nowrap}.hero-timer-unidad{display:flex;flex-direction:column;align-items:center;gap:clamp(.1rem,1vw,.25rem);flex-shrink:1;min-width:0}.hero-timer-numero{font-size:clamp(32px,7vw,48px);font-weight:700;line-height:1}.hero-timer-label{font-size:clamp(10px,2.5vw,14px);font-weight:400;color:#666;text-transform:uppercase;letter-spacing:.5px;text-align:center}.hero-timer-separador{font-size:clamp(32px,7vw,48px);font-weight:400;color:#000;padding:0 clamp(.2rem,1vw,.4rem);line-height:1;display:flex;align-items:flex-start;height:clamp(32px,7vw,48px);flex-shrink:0}.hero-timer.timer-urgente .hero-timer-numero{color:red;font-weight:800}.hero-timer.timer-urgente .hero-timer-separador{color:red}.hero-timer.timer-urgente .hero-timer-label{color:red;font-weight:600}@media screen and (min-width: 769px) and (max-width: 1100px){.hero-slider-prev,.hero-slider-next{display:none}.hero-banner-todohits{flex-direction:column!important;justify-content:flex-start;align-items:center;text-align:center;gap:1.5rem!important;padding:45px 25px 65px!important;min-height:750px;height:750px}.hero-banner-texto,.hero-banner-imagen{flex:0 0 auto;width:100%}.hero-banner-texto{order:1;margin:0!important;padding:0!important;display:flex;flex-direction:column;justify-content:flex-start;min-height:300px}.hero-banner-texto h2{font-size:34px!important;margin-bottom:.9rem!important}.hero-banner-texto p:not(.etiqueta-banner){font-size:18px!important;margin-bottom:.3rem!important}.hero-banner-imagen{order:2;width:100%!important;max-width:720px!important;margin:1.2rem auto!important;height:auto!important;flex:0 1 auto!important;aspect-ratio:720 / 450}.hero-banner-imagen:before{width:200%!important;height:130%!important}.hero-banner-imagen img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center;max-width:100%!important;max-height:100%!important}.hero-banner-texto a{display:none!important}.hero-banner-boton-movil{display:block!important;order:3;width:100%;text-align:center;margin-top:0;min-height:60px;position:relative;z-index:2}.hero-banner-texto{min-height:140px}.hero-timer{padding-top:.5rem!important;margin:12px auto!important;justify-content:center!important;width:100%!important}.etiqueta-banner{margin:0 auto 1rem!important}}@media screen and (max-width: 768px){.hero-banner-todohits{flex-direction:column!important;justify-content:flex-start;align-items:center;text-align:center;gap:1rem!important;padding:40px 20px 60px!important;min-height:700px;height:700px}.hero-banner-texto,.hero-banner-imagen{flex:0 0 auto;width:100%}.hero-banner-texto{order:1;margin:0!important;padding:0!important;display:flex;flex-direction:column;justify-content:flex-start;min-height:280px}.hero-banner-texto h2{font-size:28px!important;margin-bottom:.75rem!important}.hero-banner-texto p:not(.etiqueta-banner){font-size:16px!important;margin-bottom:0!important}.hero-banner-imagen{order:2;width:100%!important;max-width:720px!important;margin:1rem auto!important;height:auto!important;flex:1 1 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;aspect-ratio:unset!important}.hero-banner-imagen:before{width:200%!important;height:140%!important}.hero-banner-imagen img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center;max-width:100%!important;max-height:100%!important}.hero-banner-texto a{display:none!important}.hero-banner-boton-movil{display:block!important;order:3;width:100%;text-align:center;margin-top:auto!important;margin-bottom:70px!important;min-height:60px;position:relative;z-index:2}.hero-banner-texto{min-height:120px}.hero-timer{padding-top:.5rem!important;margin:10px auto!important;justify-content:center!important;width:100%!important}.etiqueta-banner{margin:0 auto 1rem!important}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/todohits-hero-banner.css.map */