.dp-hero-producto{--hp-radio: 26px;--hp-titulo: 56px;--hp-texto: 18px;--hp-flota: -6px;position:relative;isolation:isolate;color:var(--c-texto);background:var(--c-bg)}.dp-hero-producto--oscuro{--c-bg: #0f1a33;--c-texto: #ffffff;--c-texto-suave: #c5cfdc;--c-acento: #34d399;--c-acento-suave: rgba(52, 211, 153, .14);--c-acento-linea: rgba(52, 211, 153, .55);--c-boton-bg: #34d399;--c-boton-hover: #6ee7b7;--c-boton-texto: #0f1a33;--c-boton-sombra: rgba(52, 211, 153, .5);--c-contorno: rgba(255, 255, 255, .34);--c-contorno-hover-bg: #ffffff;--c-contorno-hover-texto: #0f1a33;--c-borde: rgba(255, 255, 255, .14);--c-pill-bg: rgba(255, 255, 255, .06);--c-chip-bg: rgba(20, 33, 61, .86);--c-chip-texto: #ffffff;--c-chip-borde: rgba(255, 255, 255, .18);--c-chip-sombra: 0 16px 34px -16px rgba(0, 0, 0, .75);--c-marco-borde: 1px solid rgba(255, 255, 255, .16);--c-marco-fondo: #14213d;--c-marco-sombra: 0 36px 64px -32px rgba(0, 0, 0, .8);--c-destello: rgba(255, 255, 255, .2);--c-anillo: rgba(52, 211, 153, .38);--c-foco: #6ee7b7}.dp-hero-producto--claro{--c-bg: #f4f7f5;--c-texto: #14213d;--c-texto-suave: #4d596b;--c-acento: #0b7f57;--c-acento-suave: #e3f5ed;--c-acento-linea: rgba(11, 127, 87, .45);--c-boton-bg: #0b7f57;--c-boton-hover: #096b49;--c-boton-texto: #ffffff;--c-boton-sombra: rgba(11, 127, 87, .5);--c-contorno: #14213d;--c-contorno-hover-bg: #14213d;--c-contorno-hover-texto: #ffffff;--c-borde: #dde3e9;--c-pill-bg: #ffffff;--c-chip-bg: #ffffff;--c-chip-texto: #14213d;--c-chip-borde: #dde3e9;--c-chip-sombra: 0 14px 30px -14px rgba(20, 33, 61, .38);--c-marco-borde: 8px solid #ffffff;--c-marco-fondo: #e3f5ed;--c-marco-sombra: 0 28px 56px -28px rgba(20, 33, 61, .5);--c-circulo: #d3eadf;--c-destello: rgba(255, 255, 255, .42);--c-anillo: rgba(11, 127, 87, .34);--c-foco: #0b7f57}.dp-hp__grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:48px}.dp-hp__texto{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.dp-hp__media{min-width:0}.dp-hp__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dp-hero-producto .dp-hp__eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0;padding:7px 14px 7px 12px;font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:var(--c-acento);background:var(--c-pill-bg);border:1px solid var(--c-borde);border-radius:var(--dp-radius-pill)}.dp-hp__punto{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:var(--c-acento)}.dp-hp__punto:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--c-acento);animation:dp-hp-pulso 2.6s ease-out infinite}.dp-hero-producto .dp-hp__titulo{margin:22px 0 0;font-size:clamp(32px,9.4vw,var(--hp-titulo));font-weight:600;line-height:1.05;letter-spacing:-.03em;color:var(--c-texto);text-wrap:balance}.dp-hp__titulo em{font-style:normal;color:var(--c-acento);text-decoration:underline;text-decoration-color:var(--c-acento-linea);text-decoration-thickness:.05em;text-underline-offset:.16em;text-decoration-skip-ink:none}.dp-hero-producto .dp-hp__parrafo{max-width:52ch;margin:22px 0 0;font-size:var(--hp-texto);line-height:1.65;color:var(--c-texto-suave)}.dp-hp__precio{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:28px 0 0}.dp-hp__precio-actual{font-family:var(--font-heading-family);font-size:clamp(28px,3vw,36px);font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--c-texto)}.dp-hp__precio-tachado{font-size:18px;color:var(--c-texto-suave)}.dp-hp__agotado{align-self:center;padding:4px 12px;font-size:12px;font-weight:600;color:var(--c-texto);background:var(--c-pill-bg);border:1px solid var(--c-borde);border-radius:var(--dp-radius-pill)}.dp-hp__botones{display:flex;flex-wrap:wrap;gap:12px;width:100%;margin-top:32px}.dp-hero-producto .dp-btn{min-height:52px;padding:16px 30px;font-size:16px;border-radius:14px;transition:background-color .25s var(--dp-ease),color .25s var(--dp-ease),border-color .25s var(--dp-ease),box-shadow .25s var(--dp-ease),transform .25s var(--dp-ease)}.dp-hero-producto .dp-btn:hover{transform:translateY(-2px)}.dp-hero-producto .dp-btn:active{transform:translateY(0)}.dp-hero-producto .dp-btn--primary{color:var(--c-boton-texto);background:var(--c-boton-bg);box-shadow:0 10px 24px -14px var(--c-boton-sombra)}.dp-hero-producto .dp-btn--primary:hover{background:var(--c-boton-hover);box-shadow:0 16px 30px -12px var(--c-boton-sombra)}.dp-hero-producto .dp-btn--outline{color:var(--c-texto);background:transparent;border-color:var(--c-contorno)}.dp-hero-producto .dp-btn--outline:hover{color:var(--c-contorno-hover-texto);background:var(--c-contorno-hover-bg);border-color:var(--c-contorno-hover-bg)}.dp-hp__flecha{flex:none;width:18px;height:18px;transition:transform .25s var(--dp-ease)}.dp-hero-producto .dp-btn:hover .dp-hp__flecha{transform:translate(4px)}.dp-hero-producto a:focus-visible{outline:2px solid var(--c-foco);outline-offset:3px}.dp-hp__confianza{display:grid;grid-auto-flow:row;grid-auto-columns:minmax(0,1fr);gap:16px;width:100%;margin:40px 0 0;padding:28px 0 0;list-style:none;border-top:1px solid var(--c-borde)}.dp-hp__confianza li{display:flex;align-items:center;gap:14px;font-size:14px;line-height:1.4;color:var(--c-texto-suave)}.dp-hp__conf-icono{display:grid;flex:none;place-items:center;width:40px;height:40px;color:var(--c-acento);background:var(--c-acento-suave);border-radius:12px;transition:transform .3s var(--dp-ease)}.dp-hp__conf-icono svg{width:20px;height:20px}.dp-hp__confianza li:hover .dp-hp__conf-icono{transform:translateY(-3px) rotate(-6deg)}.dp-hp__visual{position:relative;max-width:480px;margin:0 auto}.dp-hp__deco{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;animation:dp-hp-deco 1.2s var(--dp-ease) backwards}.dp-hp__deco:before,.dp-hp__deco:after{content:"";position:absolute}.dp-hero-producto--oscuro .dp-hp__deco:before{top:-14%;right:-22%;bottom:-14%;left:-22%;background:radial-gradient(closest-side,#34d39966,#34d39929 52%,#34d39900)}.dp-hero-producto--oscuro .dp-hp__deco:after{top:-5%;left:-7%;width:34%;aspect-ratio:1 / 1;border:1px solid var(--c-anillo);border-radius:50%}.dp-hero-producto--claro .dp-hp__deco:before{right:-8%;bottom:-9%;width:112%;aspect-ratio:1 / 1;background:var(--c-circulo);border-radius:50%}.dp-hero-producto--claro .dp-hp__deco:after{top:-5%;left:-7%;width:34%;aspect-ratio:1 / 1;border:2px solid var(--c-anillo);border-radius:50%}.dp-hp__par{position:relative;z-index:1}.dp-hp__escenario{perspective:1100px;animation:dp-hp-marco .9s var(--dp-ease) backwards}.dp-hero-producto .dp-hp__marco{position:relative;aspect-ratio:5 / 6;border:var(--c-marco-borde);border-radius:var(--hp-radio);background:var(--c-marco-fondo);box-shadow:var(--c-marco-sombra)}.dp-hero-producto .dp-hp__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.dp-hp__destello{position:absolute;top:0;left:0;width:90%;aspect-ratio:1 / 1;border-radius:50%;background:radial-gradient(circle,var(--c-destello) 0%,rgba(255,255,255,0) 62%);opacity:0;pointer-events:none;transition:opacity .4s var(--dp-ease)}.dp-hp--sobre .dp-hp__destello{opacity:1}[data-hp-movimiento=on] .dp-hp__par,[data-hp-movimiento=on] .dp-hp__deco,[data-hp-movimiento=on] .dp-hp__inclinar,[data-hp-movimiento=on] .dp-hp__etiquetas,[data-hp-movimiento=on] .dp-hp__destello{will-change:transform}@media(hover:hover){.dp-hp__img{transition:transform .9s var(--dp-ease)}.dp-hp__marco:hover .dp-hp__img{transform:scale(1.03)}}.dp-hp__nota{position:relative;z-index:2;margin:18px 0 0;font-size:13px;line-height:1.4;text-align:center;color:var(--c-texto-suave)}.dp-hp__etiquetas{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:-22px 0 0;padding:0 4px;list-style:none}.dp-hp__chip{max-width:100%;animation:dp-hp-flota 7s ease-in-out infinite}.dp-hp__chip--1{animation-duration:6.4s;animation-delay:-1.2s}.dp-hp__chip--2{animation-duration:7.6s;animation-delay:-3.4s}.dp-hp__chip--3{animation-duration:8.4s;animation-delay:-5.6s}.dp-hp__chip-in{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;color:var(--c-chip-texto);background:var(--c-chip-bg);border:1px solid var(--c-chip-borde);border-radius:var(--dp-radius-pill);box-shadow:var(--c-chip-sombra);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:dp-hp-pop .7s var(--dp-ease) backwards;transition:transform .3s var(--dp-ease)}.dp-hp__chip--1 .dp-hp__chip-in{animation-delay:.55s}.dp-hp__chip--2 .dp-hp__chip-in{animation-delay:.7s}.dp-hp__chip--3 .dp-hp__chip-in{animation-delay:.85s}.dp-hp__chip-in:hover{transform:scale(1.05)}.dp-hp__chip-icono{display:grid;flex:none;place-items:center;width:28px;height:28px;color:var(--c-acento);background:var(--c-acento-suave);border-radius:50%}.dp-hp__chip-icono svg{width:16px;height:16px}.dp-hp__texto>*{animation:dp-hp-sube .8s var(--dp-ease) backwards}.dp-hp__texto>:nth-child(2){animation-delay:.07s}.dp-hp__texto>:nth-child(3){animation-delay:.14s}.dp-hp__texto>:nth-child(4){animation-delay:.21s}.dp-hp__texto>:nth-child(5){animation-delay:.28s}.dp-hp__texto>:nth-child(6){animation-delay:.35s}@keyframes dp-hp-sube{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes dp-hp-marco{0%{transform:translateY(24px) scale(.97)}to{transform:none}}@keyframes dp-hp-deco{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes dp-hp-pop{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:none}}@keyframes dp-hp-flota{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,var(--hp-flota),0)}}@keyframes dp-hp-pulso{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(3)}}@media(min-width:750px){.dp-hero-producto .dp-hp__titulo{font-size:clamp(36px,6vw,var(--hp-titulo))}.dp-hp__botones .dp-btn{flex:0 0 auto}.dp-hp__confianza{grid-auto-flow:column;gap:20px}.dp-hp__confianza li{flex-direction:column;align-items:flex-start;gap:12px}.dp-hp__visual{max-width:520px}}@media(min-width:990px){.dp-hero-producto{--hp-flota: -10px;--hp-radio: 30px}.dp-hp__grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(40px,6vw,96px)}.dp-hero-producto .dp-hp__titulo{font-size:clamp(40px,4.8vw,var(--hp-titulo))}.dp-hp__visual{max-width:520px;margin:0 0 0 auto}.dp-hero-producto .dp-hp__marco{aspect-ratio:6 / 7}.dp-hero-producto--oscuro .dp-hp__deco:before{top:-18%;right:-28%;bottom:-18%;left:-28%}.dp-hero-producto--claro .dp-hp__deco:before{right:-14%;bottom:-8%;width:116%}.dp-hp__etiquetas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;margin:0;padding:0;pointer-events:none}.dp-hp__chip{position:absolute;max-width:none;pointer-events:auto}.dp-hp__chip--1{top:9%;left:clamp(-52px,-4.4vw,-24px)}.dp-hp__chip--2{top:45%;right:-14px}.dp-hp__chip--3{bottom:10%;left:clamp(-40px,-3.4vw,-16px)}}@media(max-width:749px){.dp-hp__grid{gap:40px}.dp-hp__botones{gap:10px}.dp-hp__confianza{margin-top:32px;padding-top:24px}.dp-hero-producto--claro .dp-hp__deco:before{right:-10%;width:104%}.dp-hero-producto--oscuro .dp-hp__deco:before{top:-10%;right:-18%;bottom:-10%;left:-18%}}@media(prefers-reduced-motion:reduce){.dp-hero-producto *,.dp-hero-producto *:before,.dp-hero-producto *:after{animation:none!important;transition:none!important}.dp-hero-producto .dp-btn:hover,.dp-hero-producto .dp-btn:active,.dp-hero-producto .dp-btn:hover .dp-hp__flecha,.dp-hp__chip-in:hover,.dp-hp__confianza li:hover .dp-hp__conf-icono,.dp-hp__marco:hover .dp-hp__img{transform:none!important}.dp-hp__destello{display:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/dp-hero-producto.css.map */