/* Soluciones — depth and rhythm, shared by the solutions overview and the interior solution pages.
   Same system as Transformación Digital (td-depth.css, the approved reference): base #00010E, raised surfaces #030A1A /
   #071426, surfaces fading into the base at their edges, ambient radials 4–6%. Backgrounds only (no layout, content or
   behaviour). Each section keeps its own ambient radial when it already has one; TD's radials are used only where there
   was none. Photo and video sections (hero, Diferenciadores, Hablemos) stay on the base.

   Values taken from td-depth.css:
     --gv-stage-to-band  TD Capacidades stage (base → #030A1A 160px → #071426 52%) ending on #030A1A instead of the base,
                         so it continues into the next section as TD's Integración + Impacto band does
     --gv-band-out ..... TD Impacto (#030A1A → fade out over 180px into the base)
     --gv-band-short ... TD Ecosistema Globalvoip (base → #030A1A 34%–66% → base) + --gv-band-short-light */
.solutions-page{
  --gv-base:#00010e;--gv-surface:#030a1a;--gv-surface-2:#071426;
  --gv-stage-to-band:linear-gradient(180deg,var(--gv-base) 0,var(--gv-surface) 160px,var(--gv-surface-2) 52%,var(--gv-surface) 100%);
  --gv-band-out:linear-gradient(180deg,var(--gv-surface) 0,var(--gv-surface) calc(100% - 180px),var(--gv-base) 100%);
  --gv-band-short:linear-gradient(180deg,var(--gv-base) 0,var(--gv-surface) 34%,var(--gv-surface) 66%,var(--gv-base) 100%);
  --gv-band-short-light:radial-gradient(ellipse 45% 60% at 50% 55%,rgba(0,149,229,.045),transparent 72%)}

/* Ecosistema Globalvoip (interior pages) — container-width section, so the band is a full-bleed layer behind it (td-depth.css). */
.solutions-page main > .security-related{position:relative;isolation:isolate}
.solutions-page main > .security-related::before{content:'';position:absolute;top:0;bottom:0;left:50%;z-index:-1;width:100vw;transform:translateX(-50%);pointer-events:none;background:var(--gv-band-short-light),var(--gv-band-short)}

/* ---- Infraestructura Tecnológica · Seguridad Física · Comunicación y Colaboración --------------------------------
   Same composition on the three pages. Hero, Retos and (Infraestructura) Capacidades are built on full-bleed photos that
   fade into #00010E, so they stay on the base; Capacidades on Seguridad/Comunicación keeps its own strong ambient (orbit).
   The flow "De la planeación a la operación" is the stage — it peaks at #071426 — and runs into Impacto as one continuous
   band that fades out into the base: the same "how it connects → what changes" pairing as Integración + Impacto in TD.
     Hero · Retos · Capacidades ........ base
     Etapas → Impacto .................. raised band (#030A1A, peak #071426 mid-flow); each keeps its own ambient
     Diferenciadores (video) · Casos ... base
     Ecosistema Globalvoip ............. short #030A1A band
     Hablemos (video) .................. base */
.solutions-page main > .etapas-section{background:
  radial-gradient(ellipse at 15% 50%,#0688ff12,transparent 65%),radial-gradient(ellipse at 90% 60%,#da1fff0d,transparent 60%),
  var(--gv-stage-to-band)}
.solutions-page main > .impacto-section:not(.continuity-impacto){background:radial-gradient(ellipse at 70% 60%,#0a3a6a1f,transparent 65%),var(--gv-band-out)}

/* ---- Continuidad Operativa -----------------------------------------------------------------------------------------
   Its own structure: Retos has a background photo and Capacidades a strong ambient of its own, so both stay on the base.
   The NOC console (densest, most interactive block, its flow equivalent) is the stage and runs into Impacto as one band.
   Its ambient/dot layers (continuidad-transiciones.css) sit above this background, unchanged. Impacto had no ambient of
   its own, so it takes TD's Impacto radials. */
.continuity-page .noc-section{background:var(--gv-stage-to-band)}
.continuity-page .continuity-impacto{background:
  radial-gradient(ellipse 40% 40% at 12% 72%,rgba(205,2,152,.04),transparent 70%),
  radial-gradient(ellipse 45% 35% at 88% 30%,rgba(0,149,229,.045),transparent 70%),
  var(--gv-band-out)}

/* ---- Soluciones (overview) ----------------------------------------------------------------------------------------
   Every section already carries its own ambient light and two of them a video, so only one pause is added:
   "De la necesidad a la operación" (pipeline) gets the short band, between the capabilities radial and the sectors video.
   ::before holds its ambient, so the band is ::after, painted below it (z-index -2). */
.solutions-page .project-process::after{content:'';position:absolute;top:0;bottom:0;left:50%;z-index:-2;width:100vw;transform:translateX(-50%);pointer-events:none;background:var(--gv-band-short)}
/* Casos de Éxito oculto (V1, site.config.json): en el paquete público la sección de casos desaparece y Ecosistema
   (Seguridad Física, Infraestructura, Comunicación) o el cierre «Hablemos» (Soluciones) quedan pegados a una sección
   cuyo fondo termina transparente; su fondo opaco empezaba de golpe y marcaba una línea. Solo en esa unión, el fondo
   entra con un fundido. Con los casos publicados estas secciones no son vecinas y nada cambia. */
.solutions-page main > .security-difference + .security-related::before{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 220px);mask-image:linear-gradient(180deg,transparent 0,#000 220px)}
.solutions-page main > .sectors + .portfolio-contact{background:linear-gradient(180deg,transparent 0,#00010e 240px)}