/* ============================================================
   597E · FRANJAS DE EXTREMO A EXTREMO (portada y banda final de los rubros) con cielo y parallax.
   El canvas (.f597e-cv) lo pinta assets/franja597e.js. Sin JS queda un cielo en degradado CSS.
   Estas franjas son SIEMPRE oscuras con texto blanco con sombra (claro y oscuro iguales).
   Gana a la capa 587 (radio y fondo con !important) usando el id de la sección.
   ============================================================ */
:root{--f597e-g:24px}
@media(max-width:560px){:root{--f597e-g:18px}}
@media(max-width:380px){:root{--f597e-g:14px}}

/* ---------- 1) Portada · «— El nombre tiene propósito» ---------- */
#que-es-adiasoft.f597e-sec>.wrap{max-width:none;padding:0}
#que-es-adiasoft.f597e-sec .adia-acro{
  border:0!important;border-radius:0!important;box-shadow:none!important;
  padding-left:max(var(--f597e-g),calc((100% - var(--maxw,1240px))/2 + var(--f597e-g)))!important;
  padding-right:max(var(--f597e-g),calc((100% - var(--maxw,1240px))/2 + var(--f597e-g)))!important;
  padding-top:56px;padding-bottom:56px;
  background:#050a1a!important;
  background-image:
    radial-gradient(170px 150px at 80% 56%, rgba(150,225,235,.26) 0, rgba(60,150,200,.2) 38%, rgba(235,125,60,.28) 58%, rgba(205,60,80,.2) 72%, rgba(150,60,170,.12) 86%, transparent 100%),
    radial-gradient(1px 1px at 12% 22%, rgba(255,255,255,.8) 99%, transparent),
    radial-gradient(1px 1px at 33% 78%, rgba(255,255,255,.7) 99%, transparent),
    radial-gradient(1.5px 1.5px at 57% 18%, rgba(255,255,255,.85) 99%, transparent),
    radial-gradient(1px 1px at 93% 14%, rgba(255,255,255,.75) 99%, transparent),
    linear-gradient(166deg, transparent 32%, rgba(150,170,225,.10) 46%, rgba(200,190,220,.12) 51%, rgba(150,170,225,.07) 57%, transparent 70%),
    linear-gradient(120deg,#040815 0%,#0a1634 55%,#050b1d 100%)!important;
  isolation:isolate;
}
#que-es-adiasoft.f597e-sec .adia-acro[data-neb="0"],#que-es-adiasoft.f597e-sec[data-neb="0"] .adia-acro{background-image:
    linear-gradient(166deg, transparent 32%, rgba(150,170,225,.10) 46%, rgba(200,190,220,.12) 51%, transparent 70%),
    linear-gradient(120deg,#040815 0%,#0a1634 55%,#050b1d 100%)!important}
#que-es-adiasoft.f597e-sec .adia-acro::after{display:none!important}
/* regla del dueño: sin bordes marcados ni glow; solo una línea SUPERIOR de 1 px con degradado centrado que se desvanece a los lados */
#que-es-adiasoft.f597e-sec .adia-acro::before,#f597e-cta.f597e-sec .cta-final::before,:root .cta-final.cta597-full::before{
  content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:0!important;bottom:auto!important;
  width:auto!important;height:1px!important;border-radius:0!important;z-index:2;pointer-events:none;animation:none!important;transform:none!important;
  background:linear-gradient(90deg,transparent,rgba(170,195,235,.42) 30%,rgba(170,195,235,.42) 70%,transparent)!important;opacity:1!important;box-shadow:none!important}
#que-es-adiasoft.f597e-sec .adia-acro>:not(canvas):not(.f597e-tapa):not([class*="t591-"]){position:relative;z-index:1}
#que-es-adiasoft.f597e-sec .adia-acro :is(.adia-acro-tag,.adia-claim,.adia-core>small){color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 14px rgba(2,6,20,.9)}
#que-es-adiasoft.f597e-sec .adia-acro .adia-core>small{color:rgba(255,255,255,.86)}
#que-es-adiasoft.f597e-sec .adia-acro .adia-connector{background:rgba(4,10,28,.62);border-color:rgba(255,255,255,.34)}
#que-es-adiasoft.f597e-sec .adia-acro .adia-l{background:rgba(3,12,32,.52)}
#que-es-adiasoft.f597e-sec .adia-acro .adia-l:hover{background:rgba(3,12,32,.66)}
/* a todo el ancho, el «reveal» no escala (dejaría ver los bordes mientras aparece) */
.f597e-sec .reveal{transform:translateY(22px)}
.f597e-sec .reveal.in{transform:none}

/* ---------- 2) Portada · «¿Listo para transformar tu empresa?» ---------- */
#f597e-cta.f597e-sec>.wrap{max-width:none;padding:0}
#f597e-cta.f597e-sec .cta-final{
  border:0!important;border-radius:0!important;box-shadow:none!important;
  padding-left:max(var(--f597e-g),calc((100% - var(--maxw,1240px))/2 + var(--f597e-g)))!important;
  padding-right:max(var(--f597e-g),calc((100% - var(--maxw,1240px))/2 + var(--f597e-g)))!important;
  padding-top:72px;padding-bottom:72px;
}

/* ---------- comunes: franja de estrellas (portada final y banda de rubro) ---------- */
#f597e-cta.f597e-sec .cta-final,XX:#040815!important;
  background-image:
    radial-gradient(1px 1px at 8% 30%, rgba(255,255,255,.75) 99%, transparent),
    radial-gradient(1px 1px at 22% 72%, rgba(220,230,255,.6) 99%, transparent),
    radial-gradient(1.5px 1.5px at 41% 18%, rgba(255,255,255,.8) 99%, transparent),
    radial-gradient(1px 1px at 63% 82%, rgba(255,255,255,.6) 99%, transparent),
    radial-gradient(1.5px 1.5px at 78% 26%, rgba(255,240,220,.75) 99%, transparent),
    radial-gradient(1px 1px at 92% 64%, rgba(255,255,255,.7) 99%, transparent),
    radial-gradient(1200px 380px at 50% 120%, rgba(30,70,140,.35), transparent 70%),
    linear-gradient(180deg,#03060f 0%,#07112a 60%,#050b1d 100%)!important;
  color:#fff;isolation:isolate;border:0!important;box-shadow:none!important;
}
#f597e-cta.f597e-sec .cta-final::after,:root .cta-final.cta597-full::after{display:none!important}
#f597e-cta.f597e-sec .cta-final>:not(canvas):not(.f597e-tapa):not([class*="t591-"]),.cta-final.cta597-full>:not(canvas):not(.f597e-tapa):not([class*="t591-"]){position:relative;z-index:1}
/* en estas franjas el cielo es el de la 597E: fuera la vía láctea y la luz de la 591 (si llegaron a montarse) y la tapa */
:root :is(#f597e-cta.f597e-sec .cta-final,.cta-final.cta597-full)>:is(canvas.t591-via,.t591-luzcta,.f597e-tapa){display:none!important}
#f597e-cta.f597e-sec .cta-final :is(h2,p),.cta-final.cta597-full :is(h2,p){color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 16px rgba(2,6,20,.9)}
#f597e-cta.f597e-sec .cta-final p,.cta-final.cta597-full p{color:rgba(255,255,255,.9)!important}
/* la banda de rubro de la 597C: alto cómodo para que la constelación respire */
:root .cta-final.cta597-full{padding-top:76px;padding-bottom:76px}

/* fuerte: otras capas (p. ej. tarjetas591.css «.cta-final > :not(…){position:relative}») no deben sacarlo del fondo */
:root canvas.f597e-cv.f597e-cv{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;display:block;z-index:0!important;pointer-events:none;margin:0!important}

@media(max-width:760px){
  #que-es-adiasoft.f597e-sec .adia-acro{padding-top:40px;padding-bottom:40px}
  #f597e-cta.f597e-sec .cta-final{padding-top:52px;padding-bottom:52px}
  :root .cta-final.cta597-full{padding-top:64px;padding-bottom:64px}
}
@media print{.f597e-cv{display:none}}
/* modo liviano (597P): sin canvas ni parallax; el cielo de arriba (degradado + puntos) queda fijo y el texto con su sombra */
html.lite .f597e-cv{display:none!important}