/* Continuidad: comparte contenedor, botones y movimiento del Hero interior. */
.continuity-page main{background:radial-gradient(ellipse 65% 24% at 88% 10%,#0688ff18,transparent 72%),radial-gradient(ellipse 40% 18% at 78% 20%,#7c22a811,transparent 75%)}
.continuity-page .security-hero-copy{width:80%;max-width:900px}
/* Hero photo: Globalvoip's NOC (continuidad-hero-noc.webp). The overlay stays dark under the text and opens up from the
   middle, so the team, the wall monitors and the racks read as the real workplace. */
/* Bottom edge: the overlay closes in solid #00010E (the background Retos starts with) instead of fading to transparent,
   which used to let the page tint of <main> show and end abruptly at the Hero's edge. The fade starts softly at ~62 %
   of the height, so the top and middle of the photo stay as they were; the photo's own mask runs alongside it. */
.continuity-page .security-hero:after{display:block;background:linear-gradient(180deg,transparent 0%,transparent 62%,#00010e1a 70%,#00010e59 79%,#00010eb3 88%,#00010ee6 95%,#00010e 100%),linear-gradient(90deg,#00010ef0 0%,#00010ed6 24%,#00010e94 44%,#00010e33 66%,#00010e0d 100%);-webkit-mask-image:none;mask-image:none}
.continuity-page .security-hero-photo{object-position:62% 40%;opacity:1;-webkit-mask-image:linear-gradient(#000 62%,rgba(0,0,0,.6) 82%,transparent 100%);mask-image:linear-gradient(#000 62%,rgba(0,0,0,.6) 82%,transparent 100%)}
.continuity-page .security-hero .lead{max-width:650px;color:#b7c5d9;line-height:1.9}
.continuity-page .security-hero .gradient{background-image:linear-gradient(90deg,#0688FF,#DA1FFF)}
.continuity-page .eyebrow{color:#fff}
@media(max-width:700px){.continuity-page .security-hero-copy{width:100%}.continuity-page .security-hero{padding-bottom:90px}}

@media(max-width:700px){.continuity-page .security-hero-photo{object-position:66% 40%;opacity:.9}.continuity-page .security-hero:after{background:linear-gradient(180deg,transparent 0%,transparent 64%,#00010e1a 72%,#00010e59 80%,#00010eb3 89%,#00010ee6 95%,#00010e 100%),linear-gradient(90deg,#00010ee0,#00010e85);-webkit-mask-image:none;mask-image:none}}

/* Retos: recorrido de incidencias dentro del contenedor global. */
.continuity-retos{position:relative;isolation:isolate;padding-block:100px 110px}
.continuity-retos:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#00010ef2 0%,#00010ed9 35%,#00010e55 75%),url('/assets/continuidad-hero-centro-comando.png') center right/cover no-repeat;mask-image:linear-gradient(transparent,#000 15%,#000 45%,transparent 78%);opacity:.6}
.incident-heading{max-width:760px;margin-bottom:56px}.incident-heading .lead{max-width:670px;margin-top:25px;color:#b7c5d9;line-height:1.85}.incident-heading h2{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.2}
.incident-journey{--progress:0}.incident-status{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:.65rem;text-transform:uppercase;letter-spacing:.06em}.incident-status>span{display:flex;gap:10px;align-items:center;border:1px solid #00b0e842;background:#07132380;padding:12px 18px;border-radius:30px}.incident-status i{width:8px;height:8px;border-radius:50%;background:#00d7bb;box-shadow:0 0 14px #00d7bb44}.incident-status>span:last-child i{background:#0095ff}.incident-status .incident-alert{border-color:#e33c8538;color:#ec88b1;opacity:.35;transition:opacity .5s}.incident-journey.has-incident .incident-alert{opacity:1}
.incident-signal{height:84px;margin:0 0 36px}.incident-signal svg{width:100%;height:100%;overflow:visible}.incident-signal path{fill:none;stroke-width:2.5}.signal-base{stroke:#15314a}.signal-progress{stroke:url(#incident-gradient);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--progress));filter:drop-shadow(0 0 5px #0688ff66)}
.incident-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0}.incident-card{position:relative;border:1px solid #ffffff14;border-radius:14px;background:linear-gradient(135deg,#0b1b2c8a,#030817a8);backdrop-filter:blur(12px);padding:22px 22px 24px;opacity:.55;transition:border-color .5s,opacity .5s,background .5s;outline-offset:4px}.incident-card.is-reached{opacity:1;border-color:#0095ff40}.incident-card.is-current{border-color:#0095ff77;background:linear-gradient(135deg,#102d468a,#060b1aa8)}.incident-number{font-size:.7rem;color:#168cff}.incident-icon{width:30px;height:30px;display:block;margin:18px 0;color:#0095ff;fill:none;stroke:currentColor;stroke-width:1.3}.incident-card:nth-child(5) .incident-icon,.incident-card:nth-child(5) .incident-number{color:#dc39aa}.incident-card h3{font-size:.93rem;line-height:1.45;font-weight:500;margin:0 0 12px}.incident-card p{font-size:.78rem;line-height:1.75;color:#aab9ce;margin:0}.incident-card:hover,.incident-card:focus-visible{opacity:1;border-color:#0095ff90}.incident-card:hover .incident-icon{filter:drop-shadow(0 0 6px #0095ff55)}
@media(min-width:1101px){.incident-card:nth-child(-n+4):before{content:'';position:absolute;left:50%;bottom:100%;height:36px;border-left:1px dashed #0095ff45}.incident-card:nth-child(-n+4):after{content:'';position:absolute;left:calc(50% - 4px);top:-43px;width:8px;height:8px;border-radius:50%;background:#0095ff;box-shadow:0 0 12px #0095ff66}}
@media(max-width:1100px){.incident-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.continuity-retos{padding-block:80px}.incident-heading{max-width:700px}}
@media(max-width:700px){.continuity-retos{padding-block:65px}.incident-heading{margin-bottom:32px}.incident-heading h2{font-size:2rem}.incident-heading .lead{font-size:.9rem}.incident-status{flex-wrap:wrap;font-size:.55rem;gap:10px}.incident-status>span{padding:10px 12px}.incident-status>span:last-child{margin-left:auto}.incident-signal{height:60px;margin-bottom:24px}.incident-cards{grid-template-columns:1fr;gap:0;border-left:1px solid #15314a;margin-left:5px;padding-left:24px}.incident-card{padding:18px 0 24px;border:0;border-radius:0;background:none!important;backdrop-filter:none;display:grid;grid-template-columns:28px 1fr;column-gap:12px;align-items:center}.incident-card:before{content:'';position:absolute;left:-29px;top:27px;width:8px;height:8px;border-radius:50%;background:#15314a;transition:background .5s,box-shadow .5s}.incident-card.is-reached:before{background:#0095ff;box-shadow:0 0 12px #0095ff55}.incident-icon{grid-column:1;grid-row:2;width:24px;height:24px;margin:8px 0}.incident-card h3{grid-column:2;grid-row:2;margin:0}.incident-card p{grid-column:2;margin-top:10px;padding-bottom:20px;border-bottom:1px solid #ffffff12}.incident-number{grid-column:2}.continuity-retos:before{opacity:.35}}
@media(prefers-reduced-motion:reduce){.incident-card,.incident-status .incident-alert,.incident-card:before{transition:none}.incident-card{opacity:1}.signal-progress{stroke-dashoffset:0}}

/* Editorial y progresión estable → incidente → recuperación. */
.continuity-retos:before{display:none}.continuity-retos{background:radial-gradient(ellipse at 0 40%,#00639b12,transparent 55%),radial-gradient(ellipse at 95% 90%,#123a7710,transparent 55%)}
.incident-heading .gradient{background-image:linear-gradient(90deg,#0688FF,#DA1FFF)}
.incident-status{position:relative;min-height:35px;align-items:flex-end;font-size:.6rem;color:#00bbec}.incident-status>span{border:0;background:none;border-radius:0;padding:0;max-width:180px}.incident-status .incident-alert{position:absolute;left:50%;bottom:55px;transform:translateX(-50%);white-space:nowrap;border:1px solid #cd029830;border-radius:18px;padding:8px 12px;background:#100518;color:#E402A9;opacity:.5;transition:opacity .4s,box-shadow .4s,border-color .4s}.incident-journey.has-incident .incident-alert{border-color:#cd0298aa;box-shadow:0 0 18px #cd02982a;opacity:1}
.incident-signal{height:120px;margin-top:-5px;margin-bottom:35px}.incident-signal .signal-base{stroke:#18344b;stroke-width:1.5}.incident-signal .signal-progress{stroke-width:2.5}.incident-point{fill:#CD0298;opacity:.4;transition:opacity .4s,filter .4s}.has-incident .incident-point{opacity:1;filter:drop-shadow(0 0 8px #CD0298)}.signal-light{fill:#00c5ed;filter:drop-shadow(0 0 6px #00c5ed)}
.incident-cards{grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,auto);grid-auto-flow:column;gap:0 70px;border:0;margin:0;padding:0}.incident-editorial{border-bottom:1px solid #24435b70;min-width:0}.incident-editorial details{padding:22px 0}.incident-editorial summary{display:grid;grid-template-columns:52px 1fr 18px;gap:18px;align-items:center;cursor:pointer;list-style:none;font-size:.93rem;color:#dce5f1}.incident-editorial summary::-webkit-details-marker{display:none}.incident-editorial .incident-number{font-size:1.7rem;line-height:1;color:#009feb;border-right:1px solid #245370}.incident-toggle{font-size:1.2rem;color:#7d8ea9}.incident-editorial details[open] .incident-toggle{transform:rotate(45deg);color:#ca42e7}.incident-editorial p{margin:12px 36px 0 70px;font-size:.8rem;line-height:1.75;color:#b5c3d6}.incident-editorial summary:hover{color:#fff}.incident-editorial summary:focus-visible{outline:2px solid #0095ff;outline-offset:5px}.incident-editorial details[open]{background:linear-gradient(90deg,#0095ff09,#cd029805)}
@media(max-width:1100px){.incident-cards{gap:0 36px}}
@media(max-width:700px){.incident-cards{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;gap:0}.incident-status{flex-wrap:nowrap;font-size:.48rem;margin-top:70px}.incident-status>span{max-width:120px}.incident-status .incident-alert{bottom:46px;font-size:.55rem}.incident-signal{height:95px}.incident-editorial summary{grid-template-columns:42px 1fr 16px;gap:12px;font-size:.86rem}.incident-editorial .incident-number{font-size:1.4rem}.incident-editorial p{margin-left:54px}.incident-editorial details{padding:20px 0}}
@media(prefers-reduced-motion:reduce){.incident-point,.incident-status .incident-alert{transition:none}.signal-light{display:none}}

/* Correcciones: línea sin marcadores y filas editoriales con hover. */
.continuity-retos{background:#00010E;padding-block:72px 80px}.incident-heading{margin-bottom:34px}.incident-heading .lead{margin-top:20px}.incident-signal{height:105px;margin-bottom:18px}
.incident-status{color:#fff;min-height:32px}.incident-status>span{white-space:nowrap;max-width:none;flex-shrink:0}.incident-status .incident-alert{bottom:50px;color:#E402A9;border-color:#cd029840}.incident-alert svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}.has-incident .incident-alert{animation:incident-state-pulse 1.3s ease-in-out infinite}
@keyframes incident-state-pulse{50%{box-shadow:0 0 20px #cd029835;border-color:#CD0298}}
.incident-cards{gap:0 64px;align-items:start}.incident-editorial{transition:background .3s,box-shadow .3s;border-radius:8px}.incident-trigger{display:grid;grid-template-columns:50px minmax(0,1fr) 16px;gap:20px;align-items:center;width:100%;padding:20px 10px;background:none;border:0;color:#dce5f1;text-align:left;font-family:inherit;font-size:.9rem;cursor:pointer}.incident-trigger .incident-number{transition:color .3s,border-color .3s}.incident-description{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .3s,opacity .3s}.incident-description>div{overflow:hidden}.incident-editorial .incident-description p{margin:0 36px 0 80px;padding-bottom:0;font-size:.8rem;line-height:1.7;color:#b5c3d6;transition:padding .3s}.incident-editorial.is-open .incident-description{grid-template-rows:1fr;opacity:1}.incident-editorial.is-open .incident-description p{padding-bottom:20px}.incident-editorial.is-open{background:linear-gradient(90deg,#0095ff0c,#cd029805);box-shadow:inset 0 0 0 1px #0095ff30}.incident-editorial.is-open .incident-number{color:#36c7ff;border-color:#37baff}.incident-editorial.is-open .incident-toggle{color:#bd6fee}.incident-trigger:focus-visible{outline:2px solid #0095ff;outline-offset:3px}
@media(max-width:1100px){.incident-cards{gap:0 32px}.incident-trigger{gap:14px;grid-template-columns:42px minmax(0,1fr) 14px}.incident-editorial .incident-description p{margin-left:66px}}
@media(max-width:700px){.continuity-retos{padding-block:55px 60px}.incident-heading{margin-bottom:25px}.incident-status{margin-top:60px;font-size:clamp(.4rem,1.5vw,.55rem);gap:4px}.incident-status>span{padding:0;max-width:none;gap:5px}.incident-status i{width:6px;height:6px}.incident-status .incident-alert{bottom:42px;padding:7px 10px}.incident-signal{height:85px;margin-bottom:12px}.incident-trigger{padding:18px 6px;font-size:.85rem;gap:12px}.incident-editorial .incident-description p{margin-left:60px;margin-right:18px}.incident-cards{gap:0}}
@media(prefers-reduced-motion:reduce){.has-incident .incident-alert{animation:none}.incident-editorial,.incident-description,.incident-trigger .incident-number,.incident-editorial .incident-description p{transition:none}}

/* Fondo solicitado y corrección de posiciones heredadas en móvil. */
.continuity-retos:before{display:block;inset:0;background:linear-gradient(90deg,#00010e88,transparent 75%),url('/assets/continuidad-retos-centro-nocturno.png') top center/cover no-repeat;opacity:.75;mask-image:linear-gradient(transparent,#000 12%,#000 75%,transparent)}
.incident-editorial.is-open{box-shadow:none;border-radius:0;background:linear-gradient(90deg,#0095ff08,transparent)}
.incident-trigger>span:nth-child(1){grid-column:1;grid-row:1}
.incident-trigger>span:nth-child(2){grid-column:2;grid-row:1;min-width:0;white-space:normal;overflow-wrap:normal;line-height:1.5}
.incident-trigger>span:nth-child(3){grid-column:3;grid-row:1;text-align:center}
@media(max-width:700px){.continuity-retos:before{background-size:auto 600px;background-position:top right;opacity:.35;mask-image:linear-gradient(transparent,#000 10%,transparent 600px)}.incident-cards{display:flex;flex-direction:column;width:100%;min-width:0}.incident-editorial{width:100%;min-width:0}.incident-trigger{grid-template-columns:38px minmax(0,1fr) 16px;width:100%;min-width:0;gap:12px}.incident-trigger>span{grid-row:1}.incident-trigger .incident-number{padding-right:8px}.incident-description{width:100%;min-width:0}.incident-description>div{min-width:0}.incident-editorial .incident-description p{margin-left:56px}.incident-status{font-size:clamp(.38rem,1.45vw,.55rem)}}

/* Los estados de inicio y cierre comparten el contenedor de Incidente. */
.incident-status>span:first-child,.incident-status>span:last-child{padding:8px 12px;border:1px solid #0095ff40;border-radius:18px;background:#100518;white-space:nowrap;color:#fff}
@media(max-width:700px){.incident-status>span:first-child,.incident-status>span:last-child{padding:7px 8px;gap:5px}}

/* Glass del botón secundario del Hero, con silueta de cápsula. */
.incident-status>span:first-child,.incident-status>span:last-child{background:linear-gradient(180deg,#ffffff1a,#ffffff08);border:1px solid var(--glass-border,rgba(255,255,255,.12));border-radius:999px;backdrop-filter:blur(var(--glass-blur,18px));-webkit-backdrop-filter:blur(var(--glass-blur,18px));box-shadow:none}