:root{color-scheme:dark;--bg:#050708;--panel:#0b0f11;--panel2:#0e1315;--line:#243036;--text:#edf3f2;--muted:#829094;--green:#97f6ba;--red:#fa3c4c;--red2:#cf172b;--gutter:clamp(19px,5vw,70px);font-family:Consolas,"SFMono-Regular",ui-monospace,"Cascadia Code",monospace}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}html{background:var(--bg)}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:2px solid #fff;outline-offset:5px}::selection{background:#d92c3e;color:#fff}.is-hidden{display:none!important}
.scene{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.scene__grid{position:absolute;inset:-5%;background-image:linear-gradient(#15222644 1px,transparent 1px),linear-gradient(90deg,#15222644 1px,transparent 1px);background-size:54px 54px;opacity:.24;transform:perspective(700px) rotateX(1deg)}.scene__glow{position:absolute;top:-30%;left:14%;width:72vw;height:72vw;max-width:1100px;max-height:1100px;border-radius:50%;background:radial-gradient(circle,#3d080f3a 0%,#130d1040 39%,transparent 65%);filter:blur(28px)}.scene__scan{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0 3px,#0000001b 4px);opacity:.17}
.app-shell{min-height:100svh;max-width:1550px;margin:auto;display:flex;flex-direction:column;position:relative;z-index:1;padding:0 var(--gutter)}.topbar{height:79px;flex:none;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2830337c;gap:16px}.brand{font-weight:800;letter-spacing:.045em;font-size:clamp(12px,1.15vw,16px);display:flex;align-items:center;gap:14px}.brand__accent{color:var(--red);margin:0 3px}.brand__symbol{width:31px;height:27px;display:flex;align-items:center;justify-content:center;border:1px solid #495456;background:#141b1b;transform:skew(-9deg);border-radius:3px}.brand__symbol span:first-child{width:8px;height:8px;transform:rotate(45deg);border-top:2px solid var(--green);border-right:2px solid var(--green)}.brand__symbol span:last-child{height:2px;width:8px;margin:6px 0 0 2px;background:var(--green)}.topbar__right{display:flex;align-items:center;gap:25px;font-size:11px;letter-spacing:.07em}.topbar__id{color:#7e898b}.muted{color:#5f696b}.signal{height:13px;display:flex;gap:3px;align-items:flex-end}.signal i{width:3px;background:#8b9c9e;display:block}.signal i:nth-child(1){height:4px}.signal i:nth-child(2){height:7px}.signal i:nth-child(3){height:10px}.signal i:nth-child(4){height:13px}.live{color:#c9d2d0;display:flex;align-items:center;gap:9px;border-left:1px solid #2d3739;padding-left:23px}.live__dot{width:7px;height:7px;background:#91f7af;border-radius:50%;box-shadow:0 0 12px #91f7af66}
.screen{flex:1}.intro{min-height:570px;display:flex;justify-content:center;flex-direction:column;position:relative;isolation:isolate;padding:65px 0 85px;max-width:900px}.intro__decor{position:absolute;width:clamp(250px,41vw,535px);height:clamp(250px,41vw,535px);right:-40%;top:50%;transform:translate(-5%,-50%);opacity:.55;z-index:-1}.intro__ring{position:absolute;border:1px solid #9d333e75;border-radius:50%;inset:0;box-shadow:0 0 18px #d1293525,inset 0 0 10px #d1293520}.intro__ring::before,.intro__ring::after{content:"";position:absolute;background:#d82b39;width:7px;height:7px;border-radius:50%;top:15%;left:19%;box-shadow:0 0 17px #f44355}.intro__ring::after{top:auto;left:auto;bottom:13%;right:18%;width:4px;height:4px}.ring2{inset:13%;border-style:dashed;animation:spin 40s linear infinite}.ring3{inset:30%;border-color:#ba364658}.intro__core{position:absolute;inset:41%;border:1px solid #e9465355;display:grid;place-items:center;color:#f04d59;font-size:22px;font-weight:700;background:#0d090c;transform:rotate(45deg)}.intro__core::first-letter{color:white}.eyebrow{letter-spacing:.21em;font-size:11px;color:var(--green);display:flex;gap:12px;align-items:center;font-weight:700}.eyebrow__bar{width:19px;height:2px;background:currentColor;box-shadow:0 0 12px currentColor}.intro h1,.console-heading h1,.reveal h1{font-family:Inter,Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.065em;line-height:.99}.intro h1{font-size:clamp(62px,9.9vw,142px);margin:31px 0 23px}.intro h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px #b9c9c3}.cursor{color:var(--red);animation:blink 1s steps(2) infinite}.intro__copy{max-width:450px;color:#a2b0ad;line-height:1.9;font-size:15px;margin:11px 0 35px}.primary-button{border:1px solid var(--green);border-radius:4px;align-self:flex-start;background:var(--green);color:#041309;font-size:12px;letter-spacing:.1em;font-weight:900;padding:19px 26px;display:inline-flex;align-items:center;gap:24px;transition:background .2s,box-shadow .2s,transform .2s;box-shadow:0 8px 38px #7affb016}.primary-button:hover{background:#c0ffd1;box-shadow:0 10px 44px #7affb031;transform:translateY(-2px)}.button-arrow{font-size:23px;font-weight:500;line-height:10px}.button-plus{font-size:16px}.intro__fine{color:#657574;font-size:10px;letter-spacing:.11em;margin-top:34px}.intro__fine span{color:#9fb8ae}.intro__fine .intro__dot{color:#576560;margin:0 10px}.intro__corner{position:absolute;width:22px;height:22px;border-color:#52625c;opacity:.45}.corner-one{left:0;top:46px;border-left:1px solid;border-top:1px solid}.corner-two{bottom:48px;right:0;border-bottom:1px solid;border-right:1px solid}
.console-screen{padding:42px 0 35px}.console-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px}.eyebrow--red{color:#ef646e}.console-heading h1{font-size:clamp(35px,5.4vw,74px);margin:18px 0 0;letter-spacing:-.055em}.console-heading h1 span:not(.cursor){color:var(--red)}.danger-status{border:1px solid #44504d;background:#171e1c;display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.05em;color:#a6b4b0;padding:12px 17px;white-space:nowrap}.danger-status__icon{border:1px solid currentColor;border-radius:50%;font-weight:bold;width:16px;height:16px;display:grid;place-items:center}.danger-status.is-danger{color:#ff6d7d;border-color:#892c39;background:#2b0d15}.danger-status.is-danger .danger-status__icon{animation:blink .6s steps(2) infinite}.monitor{display:grid;grid-template-columns:minmax(0,1fr) 244px;gap:14px}.terminal{min-height:325px;background:linear-gradient(160deg,#0a1012,#070a0d);border:1px solid #394044;box-shadow:0 14px 38px #0008;overflow:hidden}.terminal__top{height:42px;border-bottom:1px solid #303b3e;background:#161c1e;display:flex;align-items:center;gap:17px;padding:0 16px;color:#a2b1af;font-size:11px}.terminal__lights{display:flex;gap:6px}.terminal__lights i{height:7px;width:7px;border-radius:50%;background:#626b6e}.terminal__lights i:first-child{background:#bc4e55}.terminal__lights i:nth-child(2){background:#ac9559}.terminal__lights i:nth-child(3){background:#5a9e7d}.terminal__end{margin-left:auto;font-size:9px;color:#a6b5ae;letter-spacing:.05em}.terminal__inner{font:12px/1.73 Consolas,"SFMono-Regular","Cascadia Code",monospace;color:#c6d4cd;height:282px;overflow-y:auto;padding:19px;scrollbar-color:#55605d #0a0e11;scrollbar-width:thin}.terminal__static,.terminal__current{white-space:nowrap}.terminal__current{margin-top:8px}.term-green{color:#85f4a3}.term-blue{color:#8ec2eb}.term-dim{color:#758785}.term-red{color:#ff586d}.term-white{color:#edf5ef}.term-caret{color:#9cf3b5;animation:blink 1s steps(2) infinite}.log-line{white-space:pre-wrap;word-break:break-word}.log-line--danger{color:#fa6573}.log-line--ok{color:#9aebb5}.log-line--muted{color:#95a29c}.monitor-side{display:grid;grid-template-rows:1fr 1fr 1fr;gap:10px}.stat-card{background:#101618;border:1px solid #303b3f;padding:19px;overflow:hidden}.stat-card__label{font-size:9px;letter-spacing:.16em;color:#96a29f;display:block}.stat-card strong{display:block;font:800 17px/1.4 Consolas,monospace;margin:12px 0;color:#e6f2ed}.stat-card__accent{color:#a8b4b0!important}.stat-card__small{font-size:9px;letter-spacing:.06em;color:#69817b}.stat-card__mono{font-size:16px!important}.stat-dots{display:flex;gap:4px}.stat-dots i{background:#475955;height:9px;flex:1}.stat-dots.is-alert i{background:#e43f51;box-shadow:0 0 6px #f03c5055}.stat-card.is-alert{border-color:#85313b;background:linear-gradient(110deg,#210d12,#151012)}.stat-card.is-alert strong{color:#ff6471!important}
.alert-box{border:1px solid #943243;background:linear-gradient(95deg,#1f0c12 0%,#0d0b0f 100%);box-shadow:inset 0 0 80px #f8344313,0 12px 50px #0008;margin:15px 0 16px;display:flex;align-items:center;gap:22px;position:relative;overflow:hidden;padding:25px 32px;min-height:168px;opacity:0;transform:translateY(8px);transition:.3s}.alert-box::before{content:"";position:absolute;inset:0 0 0 auto;width:40%;background:repeating-linear-gradient(90deg,transparent 0 45px,#ee34430a 46px 47px)}.alert-box.is-active{opacity:1;transform:translateY(0);animation:alertGlow 2.4s infinite}.alert-box__glyph{align-self:flex-start;color:#ff425b;border:2px solid #ff4052;width:48px;height:48px;display:grid;place-items:center;font:900 32px/1 Arial;border-radius:50%;flex:none}.alert-box__minor{color:#ff586a;font:700 10px/1.4 Consolas,monospace;letter-spacing:.2em}.alert-box__headline{color:#fff;font:900 clamp(27px,4.2vw,55px)/.99 Arial,Helvetica,sans-serif;letter-spacing:-.04em;margin:11px 0 10px;text-shadow:0 0 34px #fb223553}.alert-box__cursor{color:#f53951;animation:blink .6s steps(2) infinite}.alert-box__description{color:#e19da5;font-size:12px}.alert-box__cross{position:absolute;top:13px;right:19px;color:#d34855;font:30px/1 Arial}.progress-meta{display:flex;justify-content:space-between;gap:14px;font-size:10px;color:#b7c2bb;letter-spacing:.09em}.progress-meta__right{color:#60766e}.progress-track{height:4px;background:#2d3a38;margin-top:10px}.progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#a12839,#ff4b63);box-shadow:0 0 19px #e02e46;transition:width .13s linear}.console-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#a8b7b2;font-size:10px;letter-spacing:.08em;margin-top:18px}.console-actions__pulse{display:inline-block;height:6px;width:6px;background:#f44157;border-radius:50%;margin-right:9px;box-shadow:0 0 10px #f44157;animation:blink 1.2s infinite}.console-actions button{background:none;border:0;color:#9da9a8;font:inherit;letter-spacing:inherit;padding:9px 0;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#576462}.console-actions button:hover{color:#fff}.console-actions button span{margin-left:7px}
.reveal{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:56px 0 66px;position:relative;isolation:isolate;min-height:650px}.reveal::before{content:"";position:absolute;z-index:-1;width:min(600px,90vw);height:min(600px,90vw);background:radial-gradient(circle,#802b302c 0%,transparent 67%);filter:blur(22px)}.reveal__icon{font-size:clamp(65px,10vw,110px);filter:drop-shadow(0 0 26px #ffea7655);animation:appear .6s both}.reveal__eyebrow{margin:19px 0 5px}.reveal h1{font-size:clamp(70px,14vw,174px);margin:15px 0 7px;animation:appear .55s .1s both}.reveal__period{color:#ff475b}.reveal__big{font-size:clamp(22px,3vw,35px);font-weight:900;color:#9df9b4;margin:0 0 18px}.reveal__copy{max-width:540px;line-height:1.85;font-size:14px;color:#a3b3ad;padding:0 8px}.reveal__copy strong{color:#e1eee5;font-weight:600}.reveal__controls{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:23px}.primary-button--red{background:#ed4555;border-color:#ed4555;color:#18080b;padding:16px 24px}.primary-button--red:hover{background:#ff7a87}.secondary-button{background:#12191a;border:1px solid #5b6965;color:#eef6ef;padding:15px 25px;font-weight:bold;font-size:12px;letter-spacing:.08em}.secondary-button:hover{border-color:#b0c7ba;background:#192221}.reveal__stamp{color:#71867a;font-size:10px;letter-spacing:.13em;margin-top:38px}.reveal__stamp span{color:#a3efba;margin-left:7px}.reveal__confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.confetti{position:absolute;top:-20px;width:6px;height:13px;opacity:.75;border-radius:2px;animation:fall var(--speed) linear var(--delay) infinite;left:var(--x);background:var(--c);transform:rotate(var(--angle))}
.footer{border-top:1px solid #27323383;height:60px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#6d8079;letter-spacing:.1em}.footer i{display:inline-block;background:#83c698;width:6px;height:6px;border-radius:50%;margin-right:8px}
@keyframes blink{50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes alertGlow{50%{box-shadow:inset 0 0 80px #f834432a,0 12px 55px #ed36421d}}@keyframes appear{from{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fall{to{transform:translateY(100vh) rotate(720deg)}}
@media(max-width:980px){.intro__decor{right:-23%;opacity:.26}.monitor{grid-template-columns:minmax(0,1fr) 175px}.stat-card{padding:15px}.terminal__inner{font-size:11px}}@media(max-width:700px){.topbar{height:67px}.topbar__right{gap:11px}.topbar__id,.signal{display:none}.live{padding-left:0;border:none;font-size:10px}.brand{gap:9px}.brand__symbol{width:25px;height:23px}.intro{min-height:calc(100svh - 130px);padding:70px 0}.intro h1{font-size:clamp(54px,13vw,83px)}.intro__copy{font-size:13px;max-width:370px}.intro__decor{right:-51%;width:360px;height:360px}.eyebrow{font-size:9px}.console-heading{align-items:center;margin-bottom:17px}.console-heading h1{font-size:clamp(28px,7vw,45px)}.danger-status{padding:9px;font-size:9px}.danger-status__icon{width:13px;height:13px}.console-screen{padding-top:26px}.monitor{display:block}.terminal{min-height:280px}.terminal__inner{height:255px;padding:13px;font-size:10px}.monitor-side{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:6px;margin-top:8px}.stat-card{padding:11px 9px;min-height:85px}.stat-card strong{font-size:11px;margin:9px 0}.stat-card__label,.stat-card__small{font-size:8px}.stat-dots{gap:2px}.stat-dots i:nth-child(n+9){display:none}.alert-box{padding:18px;gap:13px;min-height:136px}.alert-box__glyph{width:34px;height:34px;font-size:23px}.alert-box__headline{font-size:clamp(26px,7vw,40px)}.alert-box__minor{font-size:8px}.alert-box__description{font-size:10px}.progress-meta{font-size:9px}.reveal{min-height:calc(100svh - 128px);padding:48px 0}.reveal__copy{font-size:13px}.footer{font-size:8px;height:55px}}
@media(max-width:380px){.brand{font-size:11px}.topbar__right{font-size:9px}.console-heading h1{font-size:28px}.danger-status{font-size:8px}.stat-card__label{letter-spacing:0}.alert-box__headline{font-size:25px}.alert-box__glyph{display:none}.footer{letter-spacing:0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}.scene__scan{display:none}}

/* Dos alertas secuenciales: centradas siempre en el viewport, incluso al desplazarse el terminal. */
body.showing-takeover { overflow: hidden; }
.takeover {
  position: fixed; inset: 0; z-index: 50;
  width: 100%; min-height: 100svh; height: 100dvh;
  background: radial-gradient(ellipse at 50% 43%, #3e0d16 0%, #13090e 40%, #050607 77%);
  border: 1px solid #a42e3d; color: #fff;
  display: flex; flex-direction: column; align-items: stretch;
  padding: max(18px, env(safe-area-inset-top)) clamp(17px,4vw,58px) max(20px, env(safe-area-inset-bottom));
  isolation: isolate; overflow-x: hidden; overflow-y: auto;
  animation: takeIn .3s ease-out both;
}
.takeover::before { content: ''; position: absolute; inset: 9px; border: 1px solid #8d2b3863; pointer-events:none; z-index:-1; }
.takeover::after { content: ''; position:absolute; top:50%;left:50%;width:min(800px,95vw);height:min(800px,90vh);transform:translate(-50%,-50%);border:1px solid #b32d3f29;border-radius:50%;box-shadow:0 0 90px #dd23391c,inset 0 0 70px #8f1e2d17;pointer-events:none;z-index:-1 }
.takeover__scan {position: absolute; inset:0; background: repeating-linear-gradient(180deg,transparent 0 5px,#ffffff05 6px 7px);pointer-events:none;z-index:-1}
.takeover__header,.takeover__footer {display:flex;align-items:center;justify-content:space-between;gap:12px;color:#c49299;font:600 clamp(9px,2.4vw,12px)/1.4 Consolas,monospace;letter-spacing:.11em;}
.takeover__header b{color:#ff4c66}.takeover__live{display:flex;align-items:center;gap:8px;color:#ff6a7a;white-space:nowrap}.takeover__live i,.takeover__footer i{display:inline-block;width:7px;height:7px;background:#ff3e53;border-radius:50%;box-shadow:0 0 12px #ff3b57;animation:blink 1.3s infinite}
.takeover__center{display:flex;flex:1;min-height:0;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px 0;gap:12px}
.takeover__symbol{display:grid;place-items:center;flex:none;width:clamp(58px,13vh,100px);height:clamp(58px,13vh,100px);border:2px solid #ff4256;color:#ff3a52;border-radius:50%;box-shadow:inset 0 0 30px #ef254433,0 0 35px #fa3d513c;animation:alertGlow 2.3s infinite}
.takeover__symbol span{font:900 clamp(34px,8vh,64px)/1 Arial,sans-serif}
.takeover__phase{width:100%;max-width:1100px;animation:takePhase .55s ease-out both}
.takeover__label{font:700 clamp(9px,2.4vw,13px)/1.5 Consolas,monospace;letter-spacing:.18em;color:#ff7182;margin:9px 0 17px}
.takeover__title{margin:0 auto;color:#f6ecef;font:900 clamp(42px,8vw,100px)/1.02 Arial,Helvetica,sans-serif;letter-spacing:-.045em;text-wrap:balance;text-shadow:0 0 30px #d4254259}
.takeover__title>span,.takeover__title>strong{display:block}
.takeover__title>strong{color:#ff354f;text-shadow:0 0 28px #fb294e65}
.takeover__title--phone{font-size:clamp(43px,8vw,94px);line-height:1.05}
.takeover__title--phone>strong{font-size:1.18em;animation:redSignal 1.5s ease-in-out infinite}
.takeover__detail{font-size:clamp(11px,2.7vw,16px);line-height:1.6;color:#e4aeb7;margin:22px 0 0;letter-spacing:.025em}
.takeover__footer{border-top:1px solid #9e40505b;padding-top:15px}
.takeover__footer>span:first-child{display:flex;align-items:center;gap:9px}
.takeover--phone{background:radial-gradient(ellipse at 50% 45%,#510e1b 0%,#1a080e 39%,#050607 78%)}
@keyframes takeIn{from{opacity:0}to{opacity:1}}
@keyframes takePhase{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes redSignal{0%,100%{text-shadow:0 0 16px #f8334c5e}50%{text-shadow:0 0 42px #f8334cc4}}
@media(max-width:700px){
  .takeover{padding: max(18px,env(safe-area-inset-top)) 17px max(17px,env(safe-area-inset-bottom));}
  .takeover__title{font-size:clamp(32px,8.5vw,56px);letter-spacing:-.055em;}
  .takeover__title--phone{font-size:clamp(31px,8.35vw,55px);}
  .takeover__title--phone>strong{font-size:1.26em;}
  .takeover__center{padding:12px 0;gap:11px}
  .takeover__label{margin:8px 0 13px;letter-spacing:.11em}
  .takeover__detail{margin-top:18px}
  .takeover__footer{font-size:9px}
}
@media(max-width:365px){
  .takeover__header,.takeover__footer{font-size:8px;letter-spacing:.035em}
  .takeover__title{font-size:clamp(29px,8.2vw,38px)}
  .takeover__title--phone{font-size:clamp(29px,8.2vw,38px)}
  .takeover__label{font-size:9px;letter-spacing:.055em}
}
@media(max-height:650px){
  .takeover__symbol{width:52px;height:52px}
  .takeover__symbol span{font-size:31px}
  .takeover__center{gap:5px;padding:6px 0}
  .takeover__label{margin:7px 0}
  .takeover__detail{margin:12px 0 0}
}
@media(prefers-reduced-motion:reduce){.takeover,.takeover__phase,.takeover__title--phone>strong{animation:none!important}}
/* Evita que el texto de estado ensanche el viewport en teléfonos estrechos. */
@media(max-width:700px){
  .app-shell {width:100%;min-width:0}
  .console-heading{flex-wrap:wrap;align-items:flex-start}
  .console-heading>div:first-child{min-width:0;max-width:100%}
  .console-heading h1{overflow-wrap:anywhere;word-break:normal}
  .danger-status{max-width:100%}
  .takeover__header,.takeover__footer{min-width:0}
  .takeover__header>span:first-child,.takeover__footer>span:first-child{min-width:0}
}