/* ==========================================================================
   Continuidad Operativa · transiciones entre secciones
   Los halos y texturas de fondo terminaban en seco en el borde de su sección y
   marcaban el cambio. Aquí viven en una capa propia que se desvanece arriba y abajo,
   así cada sección se funde con el #00010E de la página.
   ========================================================================== */
.continuity-page { --co-fade: linear-gradient(180deg, transparent 0%, #000 22%, #000 74%, transparent 100%); }

/* Capacidades */
.continuity-page .continuity-capabilities { background: transparent; }
.continuity-page .continuity-capabilities::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(ellipse 42% 38% at 50% 60%, #0095e521, transparent 70%),
    radial-gradient(ellipse 38% 46% at 10% 34%, #0688ff14, transparent 72%),
    radial-gradient(ellipse 34% 40% at 90% 70%, #0095e50f, transparent 72%);
  mask-image: var(--co-fade); -webkit-mask-image: var(--co-fade);
}

/* NOC + Mesa de Ayuda */
.continuity-page .noc-section { background: transparent; }
.continuity-page .noc-section::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(ellipse 50% 40% at 50% 22%, #0095e512, transparent 70%);
  mask-image: var(--co-fade); -webkit-mask-image: var(--co-fade);
}
.continuity-page .noc-section::after {                        /* puntos: se apagan antes del borde inferior */
  height: 420px;
  mask-image: radial-gradient(ellipse 60% 70% at 50% 62%, #000 8%, transparent 68%);
  -webkit-mask-image: radial-gradient(ellipse 60% 70% at 50% 62%, #000 8%, transparent 68%);
}