.h3,.h3-escena{background:var(--ink-950);position:relative}.h3-poster,.h3-lienzo,.h3-canvas{width:100%;height:100%;position:absolute;inset:0}.h3-poster img{object-fit:cover;width:100%;height:100%}.h3-canvas{opacity:0;touch-action:pan-y;transition:opacity .5s;display:block}.h3-lienzo{z-index:1}.h3-ready .h3-canvas{opacity:1}.h3-barra{z-index:5;background:#ffffff24;border-radius:3px;width:min(220px,50%);height:3px;position:absolute;bottom:18px;left:50%;overflow:hidden;transform:translate(-50%)}.h3-barra[hidden]{display:none}.h3-barra i{background:var(--azul-claro);width:0;height:100%;transition:width .35s;display:block}.h3-img,.h3-onda{display:none}.h3-pin .h3-pista{height:var(--alto)}.h3-pin .h3-escena{isolation:isolate;height:100svh;position:sticky;top:0;overflow:hidden}.h3-pin .h3-escena:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#050b17e0 0%,#050b17c2 26%,#050b1766 46%,#050b1700 66%),linear-gradient(#050b1700 74%,#050b1780 100%);position:absolute;inset:0}.h3-pin .h3-textos{z-index:3;padding:var(--alto-barra) var(--gutter) 0;max-width:calc(var(--ancho) + 2 * var(--gutter));pointer-events:none;align-items:center;margin:0 auto;display:flex;position:absolute;inset:0}.h3-pin .h3-esc{max-width:38rem;position:absolute}.h3-pin .h3-esc:not(:first-child){opacity:0;visibility:hidden}.h3-pin .h3-txt{pointer-events:auto}.h3-pin .h3-txt h1,.h3-pin .h3-txt h2{font-size:clamp(2.4rem,4.8vw,4.6rem)}.h3-pin .h3-txt .sub{color:var(--texto-claro-suave);max-width:30rem;margin-top:18px;font-size:clamp(1.05rem,1.7vw,1.35rem)}.h3-pin .h3-txt .acciones{margin-top:26px}.h3-guia{z-index:3;letter-spacing:.12em;text-transform:uppercase;color:var(--texto-claro-suave);justify-items:center;gap:8px;font-size:.8rem;display:grid;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.h3-guia:after{content:"";background:linear-gradient(var(--azul-claro), transparent);width:2px;height:26px;animation:1.8s ease-in-out infinite h3guia}@keyframes h3guia{0%,to{transform-origin:top;transform:scaleY(.4)}50%{transform:scaleY(1)}}.h3-lite .h3-guia{display:none}.h3-pin .h3-barra{bottom:64px}@media (width<=880px),(aspect-ratio<=1){.h3-pin .h3-escena:after{background:linear-gradient(#050b1700 34%,#050b1759 48%,#050b17db 66%,#050b17f0 100%)}.h3-pin .h3-textos{padding:var(--alto-barra) var(--gutter) 11svh;align-items:flex-end}.h3-pin .h3-esc{left:var(--gutter);right:var(--gutter);max-width:none}.h3-pin .h3-txt h1,.h3-pin .h3-txt h2{font-size:clamp(2rem,8.4vw,3.2rem)}.h3-pin .h3-txt .sub{margin-top:12px;font-size:1.02rem}.h3-pin .h3-txt .acciones{margin-top:18px}.h3-pin .h3-guia{display:none}}.h3-lite .h3-poster,.h3-lite .h3-lienzo,.h3-lite .h3-barra{display:none}.h3-lite .h3-esc{isolation:isolate;align-items:flex-end;min-height:100svh;display:flex;position:relative;overflow:hidden}.h3-lite .h3-img{z-index:-2;display:block;position:absolute;inset:0}.h3-lite .h3-img img{object-fit:cover;width:100%;height:100%}.h3-lite .h3-esc:after{content:"";z-index:-1;background:linear-gradient(#050b1759 0%,#050b1700 38%,#050b17e6 100%);position:absolute;inset:0}.h3-lite .h3-txt{padding:24px var(--gutter) 13svh;opacity:0;max-width:40rem;transition:opacity .7s ease, transform .7s var(--ease-out);transform:translateY(22px)}.h3-lite .h3-esc:first-child .h3-txt,.h3-lite .h3-esc.visto .h3-txt,.sin-anim .h3-txt{opacity:1;transform:none}.h3-lite .h3-txt h1,.h3-lite .h3-txt h2{font-size:clamp(2.1rem,9vw,3.4rem)}.h3-lite .h3-txt .sub{color:var(--texto-claro-suave);margin-top:14px;font-size:1.1rem}.h3-lite .h3-txt .acciones{margin-top:22px}.h3-lite .h3-esc:first-child .h3-txt{padding-top:calc(var(--alto-barra) + 40px)}.h3-lite .h3-onda{z-index:1;width:100%;height:42px;fill:var(--ink-950);display:block;position:absolute;bottom:-1px;left:0;right:0}.h3-lite .h3-onda .trazo{fill:none;stroke:var(--azul-claro);stroke-width:2px;vector-effect:non-scaling-stroke;opacity:.8}@media (width>=881px){.h3-lite .h3-esc{align-items:center}.h3-lite .h3-txt{padding:0 var(--gutter);max-width:var(--ancho);width:100%;margin:0 auto}.h3-lite .h3-txt>*{max-width:36rem}.h3-lite .h3-esc:first-child .h3-txt{padding-top:0}.h3-lite .h3-txt h1,.h3-lite .h3-txt h2{font-size:clamp(2.4rem,4.8vw,4.4rem)}}html:not(.js) .h3-esc{isolation:isolate;align-items:flex-end;min-height:80svh;display:flex;position:relative;overflow:hidden}html:not(.js) .h3-img{z-index:-2;display:block;position:absolute;inset:0}html:not(.js) .h3-img img{object-fit:cover;width:100%;height:100%}html:not(.js) .h3-poster,html:not(.js) .h3-guia{display:none}html:not(.js) .h3-txt{padding:24px var(--gutter) 10svh;max-width:40rem}
