/* Pantallas vivas dentro de las fotos (móviles, portátiles, tabletas) y movimiento extra */
.escena{position:absolute;inset:0;overflow:hidden}
.escena>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--px,50%) 50%}
.scr{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;background:#04101f;color:#fff;font:500 28px/1.35 Satoshi,Arial,sans-serif;opacity:0;transition:opacity .8s;pointer-events:none}
.scr.listo{opacity:1}
.scr *{box-sizing:border-box}
.scr .reloj{text-align:center;padding-top:110px;font-size:110px;font-weight:900;letter-spacing:-.04em;line-height:1}
.scr .fecha{text-align:center;font-size:30px;color:#9FB3C8;margin-top:8px}
.scr .nt{margin:26px 22px 0;padding:22px 24px;border-radius:30px;background:rgba(234,246,250,.16);font-size:26px;animation:nt 7s var(--ease) infinite both}
.scr .nt+.nt{animation-delay:3.5s}
.scr .nt b{display:block;font-size:22px;color:#9FB3C8;font-weight:500;margin-bottom:4px}
.scr .nt strong{display:block}
@keyframes nt{0%{opacity:0;transform:translateY(-40px) scale(.96)}8%,85%{opacity:1;transform:none}100%{opacity:0;transform:scale(.98)}}
.scr .app{height:100%;display:flex;flex-direction:column;background:#fff;color:#071A33}
.scr .app-cab{padding:64px 28px 20px;background:#071A33;color:#fff;display:flex;gap:16px;align-items:center}
.scr .app-cab i{width:64px;height:64px;border-radius:50%;background:#0969F7;flex:none;font:900 26px/64px Satoshi,Arial;text-align:center;font-style:normal}
.scr .app-cab span{display:block;font-size:22px;color:#9FB3C8}
.scr .msgs{flex:1;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;overflow:hidden}
.scr .m{max-width:82%;padding:16px 22px;border-radius:28px;font-size:26px;opacity:0;transform:translateY(20px) scale(.97);transition:opacity .4s,transform .4s var(--ease)}
.scr .m.v{opacity:1;transform:none}
.scr .m.in{background:#EAF6FA;align-self:flex-start}.scr .m.out{background:#0969F7;color:#fff;align-self:flex-end}
.scr .m.esc{display:flex;gap:8px}.scr .m.esc i{width:12px;height:12px;border-radius:50%;background:#fff;animation:pt 1s infinite}.scr .m.esc i:nth-child(2){animation-delay:.15s}.scr .m.esc i:nth-child(3){animation-delay:.3s}
.scr .rodar{animation:rodar 16s ease-in-out infinite alternate}
@keyframes rodar{0%,12%{transform:translateY(0)}88%,100%{transform:translateY(var(--rec,-45%))}}
.scr .web{background:#fff;color:#071A33;min-height:200%}
.scr .w-nav{display:flex;justify-content:space-between;padding:28px 48px;font-size:24px;background:#071A33;color:#fff}
.scr .w-hero{background:#071A33;color:#fff;padding:60px 48px 80px}
.scr .w-hero b{display:block;font-size:72px;line-height:1.02;letter-spacing:-.03em;max-width:14ch}
.scr .w-hero p{font-size:28px;color:#9FB3C8;margin-top:18px}
.scr .w-form{display:grid;gap:14px;margin-top:34px;max-width:620px}
.scr .w-campo{height:70px;border-radius:12px;background:#172534;display:flex;align-items:center;padding:0 22px;color:#9FB3C8;font-size:24px}
.scr .w-campo[data-escribe]{color:#fff}
.scr .w-campo.tc::after{content:"";width:3px;height:30px;background:#fff;margin-left:4px;animation:pt 1s infinite}
.scr .w-btn{height:76px;border-radius:999px;background:#0969F7;display:grid;place-items:center;font-weight:900;font-size:28px;color:#fff}
.scr .w-sec{padding:60px 48px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.scr .w-sec div{background:#EAF6FA;border-radius:16px;padding:28px;font-size:24px;min-height:180px}
.scr .w-sec div b{display:block;font-size:30px;margin-bottom:8px}
.scr .ig{background:#fff;color:#071A33;min-height:220%}
.scr .ig-cab{padding:64px 26px 16px;display:flex;gap:20px;align-items:center}
.scr .ig-cab i{width:110px;height:110px;border-radius:50%;background:#071A33;flex:none}
.scr .ig-cab b{font-size:30px}.scr .ig-cab span{display:block;font-size:22px;color:#5A6B7B}
.scr .rej{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.scr .rej div{aspect-ratio:4/5;background:#071A33;color:#fff;display:flex;align-items:flex-end;padding:12px;font:900 22px/1.1 Satoshi,Arial}
.scr .rej div:nth-child(3n+2){background:#0969F7}.scr .rej div:nth-child(4n){background:#EAF6FA;color:#071A33}.scr .rej div:nth-child(5n){background:#172534}
.scr .lista{background:#fff;color:#071A33;height:100%}
.scr .l-cab{display:flex;justify-content:space-between;align-items:center;padding:30px 40px;background:#071A33;color:#fff;font-size:28px}
.scr .fila-l{display:grid;grid-template-columns:2fr 2fr 1fr;gap:16px;padding:24px 40px;font-size:24px;box-shadow:inset 0 -2px 0 #EAF6FA}
.scr .fila-l.nueva{animation:nueva 6s var(--ease) infinite}
@keyframes nueva{0%{opacity:0;transform:translateY(-30px);background:#cfe3ff}10%,70%{opacity:1;transform:none;background:#cfe3ff}100%{background:#fff}}
.scr .et{display:inline-block;padding:4px 14px;border-radius:10px;background:#0969F7;color:#fff;font-size:20px}
.scr .et.g{background:#EAF6FA;color:#071A33}

/* Movimiento extra */
.palabras .pw{opacity:.52;transition:opacity .25s linear}
.palabras .pw.on{opacity:1}
[data-tilt]{transition:transform .5s var(--ease)}
@media (prefers-reduced-motion:reduce){.scr .nt,.scr .rodar,.scr .fila-l.nueva{animation:none;opacity:1}.palabras .pw{opacity:1}}
@media (max-width:760px){.escena>img{object-position:var(--pxm,var(--px,50%)) 50%}}
.p-hero .escena{z-index:-2}
.fila .foto.alta{aspect-ratio:4/5;max-height:80svh;justify-self:center;width:min(100%,560px)}
@media (min-width:981px){.p-hero .txt{max-width:none}.p-hero .txt>*{max-width:min(38vw,620px)}.p-hero h1{font-size:clamp(40px,4.2vw,76px)}}
@media (max-width:760px){.p-hero{align-items:end}.p-hero .txt{padding-top:52svh}}

@media (max-width:980px){
 .p-hero{height:auto;min-height:0;display:block}
 .p-hero .escena{position:relative;height:56svh;z-index:0}
 .p-hero::after{display:none}
 .p-hero .txt{padding-top:28px;padding-bottom:56px}
}
.scr .lista .fila-l b{color:#071A33}