.hero{--degradado-texto:linear-gradient(135deg, var(--azul) 0%, #0e9a8c 100%);--dur-traza:1.4s;--dur-pulso:2.2s;--dur-onda:1.75s;--tam-play:clamp(56px, 8vw, 76px);padding-top:36px;position:relative;overflow:hidden}@media (min-width:900px){.hero{padding-top:56px}}.hero__ondas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero__onda{fill:none;stroke-width:1.5px;stroke-dasharray:1}.hero__onda--azul{stroke:var(--azul)}.hero__onda--verde{stroke:var(--verde)}.hero__pulso{fill:none;stroke:var(--verde);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:.1 1.2;stroke-dashoffset:-1.1px}.hero__contenido{position:relative}.hero__texto{max-width:880px;margin:0 auto}.hero__titulo{font-size:clamp(34px,5.6vw,58px);line-height:1.06}.hero__linea{background:var(--degradado-texto);-webkit-text-fill-color:transparent;color:var(--azul-accion);-webkit-background-clip:text;background-clip:text;display:inline-block}.hero__acciones{margin-top:28px}@media (min-width:900px){.hero__acciones{margin-top:40px}}.hero-video{transform-origin:50% 0;margin:36px 0 0}@media (min-width:900px){.hero-video{margin-top:48px}}.hero-video__marco{aspect-ratio:16/9;border-radius:var(--radio-xl);isolation:isolate;background:var(--mercurio);border:1px solid var(--hueso);box-shadow:var(--sombra-flotante);position:relative;overflow:hidden}.hero-video__poster{position:absolute;inset:0}.hero-video__video{background:var(--onix);width:100%;height:100%;display:block}.hero-video__centro{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.hero-video__boton{place-items:center;display:grid}.hero-video__onda,.hero-video__play{grid-area:1/1}.hero-video__onda{width:calc(var(--tam-play) + 16px);aspect-ratio:1;background:var(--blanco);opacity:.5;border-radius:999px}.hero-video__play{pointer-events:auto;width:var(--tam-play);aspect-ratio:1;background:var(--azul-accion);color:var(--blanco);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:relative;box-shadow:0 12px 32px #2e6afd61}.hero-video__play svg{width:32%;height:auto;margin-left:7%}.hero-video__play:focus-visible{outline:3px solid var(--onix);outline-offset:4px}.hero-video__etiqueta{pointer-events:none;font-family:var(--fuente-ui), ui-sans-serif, system-ui, sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--blanco);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#090c1d9e;border-radius:999px;align-items:center;gap:8px;padding:6px 11px;font-size:9px;display:flex;position:absolute;top:12px;right:12px}@media (min-width:600px){.hero-video__etiqueta{padding:7px 13px;font-size:10px;top:16px;right:16px}}.hero-video__punto{background:var(--verde);border-radius:999px;width:6px;height:6px}@media screen and (prefers-reduced-motion:no-preference){@keyframes hero-traza{0%{stroke-dashoffset:1px}}@keyframes hero-pulso{0%{stroke-dashoffset:.1px}to{stroke-dashoffset:-1.1px}}@keyframes hero-linea{0%{transform:translateY(8px)}}@keyframes hero-sube{0%{transform:translateY(28px)scale(.97)}}@keyframes hero-asienta{0%{transform:scale(1.06)}}@keyframes hero-llega{0%{opacity:0;transform:scale(.6)}}@keyframes hero-onda{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.35)}}@keyframes hero-etiqueta{0%{opacity:0;transform:translate(10px)}}.hero__onda{animation:hero-traza var(--dur-traza) var(--ease-flotante) calc(var(--i) * 90ms) backwards}.hero__pulso{animation:hero-pulso var(--dur-pulso) var(--ease-estandar) 1.1s backwards}.hero__linea{animation:hero-linea var(--dur-lenta) var(--ease-entrada) var(--escalon-amplio) backwards}.hero-video{animation:hero-sube .7s var(--ease-flotante) var(--escalon-amplio) backwards}.hero-video__poster{animation:hero-asienta var(--dur-traza) var(--ease-flotante) backwards}.hero-video__boton{animation:hero-llega var(--dur-lenta) var(--ease-flotante) .45s backwards}.hero-video__onda{animation:hero-onda var(--dur-onda) var(--ease-estandar) .95s 2 backwards}.hero-video__etiqueta{animation:hero-etiqueta var(--dur-lenta) var(--ease-entrada) .6s backwards}@supports (animation-timeline:scroll()){@keyframes hero-crece{0%{scale:.94}}@keyframes hero-deriva{to{translate:-24px 36px}}.hero-video{animation-name:hero-sube,hero-crece;animation-duration:.7s,1ms;animation-timing-function:var(--ease-flotante), linear;animation-delay:var(--escalon-amplio), 0s;animation-iteration-count:1,1;animation-fill-mode:backwards,both;animation-timeline:auto,scroll(root);animation-range:normal,0 60vh}.hero__ondas{animation-name:hero-deriva;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:0 100vh}}}@media screen and (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.hero-video__play{transition:transform var(--dur-rapida) var(--ease-estandar), background-color var(--dur-rapida) var(--ease-estandar)}.hero-video__play:hover{background-color:var(--azul-600)}.hero-video__play:active{transform:scale(var(--escala-presion))}}
.hero__marca{margin-bottom:18px}.hero__sub{color:var(--onix);margin-top:22px;font-size:clamp(18px,2.2vw,22px);font-weight:600;line-height:1.4}.hero__prueba{font-size:var(--texto-chico);margin-top:16px}.cifra-xl{font-size:clamp(40px,6vw,56px);line-height:1}.separado--8{margin-top:8px}.al-centro{margin-inline:auto}.producto__entrada{max-width:36em;margin-top:18px}.resultado{align-content:start;gap:22px;display:grid}.resultado__visual{border-radius:var(--radio);background:var(--lienzo);place-items:center;height:132px;display:grid}.resultado__texto{align-items:flex-start;gap:16px;display:flex}.visual-rango{gap:10px;width:min(78%,320px);display:grid}.visual-rango__pista{background:var(--pista);border-radius:999px;height:10px;position:relative}.visual-rango__tramo{background:var(--degradado-barra);border-radius:999px;position:absolute;inset:0 14% 0 52%}.visual-rango__extremos{font-family:var(--fuente-ui), ui-sans-serif, system-ui, sans-serif;font-size:var(--texto-mini);letter-spacing:.08em;text-transform:uppercase;color:var(--gris);justify-content:space-between;display:flex}.visual-hoja{background:var(--blanco);border:1px solid var(--hueso);width:min(62%,240px);box-shadow:var(--sombra);border-radius:10px;gap:9px;padding:14px 16px;display:grid}.visual-hoja__cabeza{border-bottom:1px solid var(--hueso);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.visual-hoja__linea{background:var(--mercurio);border-radius:999px;height:6px}.producto__bloques{gap:16px;display:grid}@media (min-width:760px){.producto__bloques{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.producto__bloques .datos-franja{grid-column:1/-1}}.datos-franja{gap:18px;margin:0;display:grid}@media (min-width:760px){.datos-franja{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}}.datos-franja__dato{gap:4px;display:grid}@media (min-width:760px){.datos-franja__dato{border-left:1px solid var(--hueso);padding:0 24px}.datos-franja__dato:first-child{border-left:0;padding-left:0}}.datos-franja dt{font-family:var(--fuente-titulos);font-weight:700;font-size:var(--texto-destacado);letter-spacing:-.02em;color:var(--onix)}.datos-franja dd{font-size:var(--texto-ui);color:var(--gris);margin:0}.cuatro-pasos{gap:16px;display:grid}@media (min-width:640px){.cuatro-pasos{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){.cuatro-pasos{grid-template-columns:repeat(4,minmax(0,1fr))}}.paso-corto{align-content:start;gap:10px;display:grid}.paso-corto h3{margin-top:6px}.factores{margin:0;display:grid}.factor{border-top:1px solid var(--hueso);gap:4px;padding:16px 0;display:grid}.factor:first-child{border-top:0;padding-top:0}.factor:last-child{padding-bottom:0}.factor dt{color:var(--onix);align-items:center;gap:10px;font-weight:600;display:flex}.factor dd{font-size:var(--texto-ui);color:var(--gris);margin:0}.caso{gap:20px;display:grid}.caso .hoja__cabeza{align-items:center}.caso__renglones{border-top:1px solid var(--hueso);gap:10px;padding-top:16px;display:grid}.rejilla-2{gap:16px;display:grid}@media (min-width:760px){.rejilla-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}.funciones{gap:14px 40px;display:grid}@media (min-width:760px){.funciones{grid-template-columns:repeat(2,minmax(0,1fr))}}
