:root{--rojo:#ff4136;--negro:#05070a;--cian:#15d2fd;--marino:#021223;--blanco:#fff;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--rebote:cubic-bezier(.34, 1.56, .64, 1);--titulos:var(--font-saira), "Saira", sans-serif;--texto:var(--font-inter), "Inter", sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--texto);-webkit-font-smoothing:antialiased;background:#000;margin:0;overflow:hidden}.marco{position:fixed;inset:0}.escenario{background:var(--negro);width:1920px;height:1080px;color:var(--blanco);transform:translate(-50%, -50%) scale(var(--escala,1));position:absolute;top:50%;left:50%;overflow:hidden}h2,p{margin:0}.escena{visibility:hidden;position:absolute;inset:0}.escena.activa{visibility:visible}.fondo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.fondo.abajo{object-position:center bottom}.velo{background:#05070a8c;position:absolute;inset:0}.linea{padding-bottom:.08em;display:block;overflow:hidden}.linea>span{display:inline-block}b{font-weight:800}.roja{color:var(--rojo)}.a-mascara,.a-subir,.a-izq,.a-der,.a-pop,.a-golpe{opacity:0}.a-mascara{transform:translateY(105%)}.activa .a-mascara{animation:subir-mascara .9s var(--ease-out) var(--dl,0s) forwards}.activa .a-subir{animation:subir .8s var(--ease-out) var(--dl,0s) forwards}.activa .a-izq{animation:desde-izq .9s var(--ease-out) var(--dl,0s) forwards}.activa .a-der{animation:desde-der .9s var(--ease-out) var(--dl,0s) forwards}.activa .a-pop{animation:pop .7s var(--rebote) var(--dl,0s) forwards}.activa .a-golpe{animation:golpe .55s var(--rebote) var(--dl,0s) forwards}.activa .zoom-lento{animation:6s linear forwards zoom-lento}@keyframes subir-mascara{0%{opacity:1;transform:translateY(105%)}to{opacity:1;transform:none}}@keyframes subir{0%{opacity:0;transform:translateY(70px)}to{opacity:1;transform:none}}@keyframes desde-izq{0%{opacity:0;transform:translate(-160px)}to{opacity:1;transform:none}}@keyframes desde-der{0%{opacity:0;transform:translate(160px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes golpe{0%{opacity:0;transform:scale(1.8)}to{opacity:1;transform:none}}@keyframes zoom-lento{0%{transform:scale(1.18)}to{transform:scale(1)}}.etiqueta{background:var(--rojo);color:var(--negro);font:700 26px/1 var(--texto);letter-spacing:.12em;text-transform:uppercase;padding:10px 18px;position:absolute;top:110px;left:120px}.titulo-grande{font:800 150px/.98 var(--titulos);letter-spacing:-.01em;text-transform:uppercase}.abajo-izq{position:absolute;bottom:120px;left:120px}.rejilla-camaras{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:20px;display:grid;position:absolute;inset:60px 60px 250px}.camara{border:4px solid var(--rojo);background:#000;position:relative;overflow:hidden}.camara img,.camara video{object-fit:cover;width:100%;height:100%;display:block}.rec,.cam-nombre,.cam-hora{font:700 22px/1 var(--texto);letter-spacing:.08em;text-transform:uppercase;background:#05070abf;padding:6px 12px;position:absolute}.rec{align-items:center;gap:8px;display:flex;top:14px;left:14px}.rec i{background:var(--rojo);border-radius:50%;width:14px;height:14px;animation:1s steps(2,start) infinite parpadeo}.cam-nombre{bottom:14px;left:14px}.cam-hora{font-variant-numeric:tabular-nums;top:14px;right:14px}@keyframes parpadeo{to{visibility:hidden}}.banda-texto{background:var(--blanco);height:160px;color:var(--negro);align-items:center;padding:0 50px;display:flex;position:absolute;bottom:60px;left:60px;right:60px}.banda-texto p{font:700 64px/1.1 var(--titulos)}.banda-texto b{color:var(--rojo)}.rejilla-mapa{background-image:linear-gradient(#ffffff21 2px,#0000 2px),linear-gradient(90deg,#ffffff21 2px,#0000 2px),linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:320px 320px,320px 320px,64px 64px,64px 64px;position:absolute;inset:-200px}.activa .rejilla-mapa{animation:8s linear forwards mapa-mover}.rejilla-mapa.tenue{opacity:.5}@keyframes mapa-mover{0%{transform:scale(1.25)rotate(-4deg)}to{transform:scale(1)rotate(0)}}.punto{background:var(--rojo);opacity:0;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;transform:scale(.3)}.activa .punto{animation:punto-entra .5s var(--rebote) var(--dl) forwards}.punto i{border:3px solid var(--rojo);opacity:0;border-radius:50%;position:absolute;inset:-4px}.activa .punto i{animation:aro 1.6s var(--ease-out) calc(var(--dl) + .2s) infinite}@keyframes punto-entra{to{opacity:1;transform:none}}@keyframes aro{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(4)}}.logo-apex-mapa{height:120px;position:absolute;top:100px;left:120px}.apex-si{text-align:center;font:800 260px/1 var(--titulos);text-transform:uppercase;color:var(--blanco);margin-top:-130px;position:absolute;top:50%;left:0;right:0}.apex-si:after{content:"";background:var(--rojo);width:360px;height:16px;margin:24px auto 0;display:block}.linea-escaneo{background:var(--rojo);opacity:0;height:6px;position:absolute;top:0;left:0;right:0}.activa .linea-escaneo{animation:escanear 1.6s var(--ease-in-out) .2s forwards}@keyframes escanear{0%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(1074px)}}.cajas{width:100%;height:100%;position:absolute;inset:0}.caja{fill:none;stroke:var(--rojo);stroke-width:6px;stroke-dasharray:1;stroke-dashoffset:1px}.activa .a-trazo{animation:trazar .7s var(--ease-in-out) var(--dl) forwards}@keyframes trazar{to{stroke-dashoffset:0}}.etiqueta-caja{background:var(--rojo);color:var(--negro);font:800 28px/1 var(--texto);text-transform:uppercase;letter-spacing:.04em;padding:10px 16px;position:absolute}.panel-texto{background:var(--negro);flex-direction:column;justify-content:center;gap:10px;width:600px;padding:0 0 0 70px;display:flex;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.activa .a-panel{animation:panel-entra .7s var(--ease-out) .2s forwards}@keyframes panel-entra{to{transform:none}}.palabra{font:800 88px/1 var(--titulos);text-transform:uppercase;transform-origin:0}.alerta{background:var(--negro);border:4px solid var(--rojo);width:470px;position:absolute;top:700px;right:60px}.alerta-cabeza{background:var(--rojo);color:var(--negro);font:800 28px/1 var(--texto);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:12px;padding:12px 20px;display:flex}.parpadeo{background:var(--negro);border-radius:50%;width:16px;height:16px;animation:.6s steps(2,start) infinite parpadeo}.alerta-titulo{font:700 38px/1.15 var(--titulos);padding:18px 20px 4px}.alerta-lugar{font:500 24px/1.3 var(--texto);color:#ffffffb3;padding:0 20px 20px}.pantalla{border:4px solid var(--rojo);background:#000;width:1180px;height:664px;position:absolute;top:80px;left:80px;overflow:hidden}.pantalla video{object-fit:cover;width:100%;height:100%;display:block}.lista-alertas{width:540px;position:absolute;top:80px;left:1300px}.lista-titulo{font:800 30px/1 var(--texto);letter-spacing:.16em;text-transform:uppercase;color:var(--rojo)}.fila-alerta{border-left:8px solid var(--rojo);background:#ffffff0f;grid-template-columns:auto 1fr;gap:4px 16px;margin-top:18px;padding:18px 20px;display:grid}.fila-alerta .hora{font:700 26px/1.2 var(--texto);font-variant-numeric:tabular-nums;color:var(--rojo);grid-row:span 2}.fila-alerta .que{font:700 28px/1.2 var(--titulos)}.fila-alerta .donde{font:500 22px/1.2 var(--texto);color:#fff9}.contadores{gap:40px;margin-top:36px;display:flex}.contadores b{font:800 96px/1 var(--titulos);font-variant-numeric:tabular-nums;display:block}.contadores span{font:600 22px/1 var(--texto);letter-spacing:.1em;text-transform:uppercase;color:#fff9}.titulo-centro{font:800 104px/1 var(--titulos);text-transform:uppercase;position:absolute;bottom:70px;left:80px}.alianza{background:var(--marino)}.logos{justify-content:center;align-items:center;gap:90px;display:flex;position:absolute;top:300px;left:0;right:0}.logo-apex{height:190px}.logo-aserva{height:230px}.por{font:600 160px/1 var(--titulos);color:#fffc}.alianza-texto{text-align:center;font:600 56px/1.2 var(--titulos);position:absolute;top:660px;left:0;right:0}.alianza-texto b{color:var(--cian)}.barra-alianza{background:linear-gradient(90deg, var(--rojo) 0 50%, var(--cian) 50% 100%);width:520px;height:14px;margin-left:-260px;position:absolute;top:780px;left:50%;transform:scaleX(0)}.activa .a-barra{animation:barra .8s var(--ease-in-out) var(--dl) forwards}@keyframes barra{to{transform:scaleX(1)}}.cierre{background:var(--marino);flex-direction:column;justify-content:center;align-items:center;display:flex}.logo-cierre{height:330px}.cta{background:var(--cian);color:var(--marino);font:800 64px/1 var(--titulos);text-transform:uppercase;clip-path:inset(0 100% 0 0);margin-top:50px;padding:22px 70px}.activa .a-barra-ancha{animation:revelar-cta .7s var(--ease-in-out) var(--dl) forwards}@keyframes revelar-cta{to{clip-path:inset(0)}}.contacto{font:500 48px/1 var(--texto);margin-top:44px}.contacto b{font-weight:800}.web{font:600 36px/1 var(--texto);letter-spacing:.08em;color:var(--cian);margin-top:20px}.cortina{z-index:20;pointer-events:none;position:absolute;inset:0;transform:translate(-101%)}.cortina.roja{background:var(--rojo)}.cortina.cian{background:var(--cian)}.progreso{z-index:30;background:var(--blanco);transform-origin:0;opacity:.35;width:100%;height:6px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.sin-ayuda .progreso{opacity:0}.ayuda{z-index:50;color:#000;font:13px/1.3 var(--texto);background:#ffffffe6;flex-direction:column;gap:4px;padding:10px 14px;display:flex;position:fixed;bottom:16px;left:16px}.sin-ayuda .ayuda,.solo-v,.vertical .solo-h{display:none}.vertical .solo-v{display:block}.vertical .escenario{width:1080px;height:1920px}.vertical .etiqueta{font-size:24px;top:180px;left:70px}.vertical .titulo-grande{font-size:108px}.vertical .abajo-izq{bottom:260px;left:70px}.vertical .rejilla-camaras{grid-template-rows:repeat(4,1fr);grid-template-columns:1fr;inset:140px 60px 440px}.vertical .banda-texto{height:260px;padding:0 44px;bottom:120px}.vertical .banda-texto p{font-size:58px}.vertical .logo-apex-mapa{height:100px;top:180px;left:70px}.vertical .apex-si{margin-top:-110px;font-size:190px}.vertical .apex-si:after{width:300px}.vertical .panel-texto{justify-content:flex-start;width:auto;height:640px;padding:120px 70px 0;bottom:auto;right:0}.vertical .palabra{font-size:120px}.vertical .alerta{width:640px;top:790px;right:60px}.vertical .linea-escaneo{animation-duration:2s}@keyframes escanear-v{0%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(1914px)}}.vertical .activa .linea-escaneo{animation-name:escanear-v}.vertical .pantalla{width:960px;height:540px;top:160px;left:60px}.vertical .lista-alertas{width:960px;top:760px;left:60px}.vertical .contadores{gap:80px}.vertical .titulo-centro{font-size:86px;bottom:110px;left:60px;right:60px}.vertical .logos{flex-direction:column;gap:50px;top:380px}.vertical .logo-apex{height:170px}.vertical .logo-aserva{height:240px}.vertical .por{font-size:140px}.vertical .alianza-texto{padding:0 80px;font-size:60px;top:1230px}.vertical .barra-alianza{width:440px;margin-left:-220px;top:1480px}.vertical .logo-cierre{height:300px}.vertical .cta{font-size:70px}.vertical .contacto{font-size:56px}.vertical .web{font-size:40px}