/* ============================================================================
   OMEN — horizonte · capa del agujero negro procedimental (bh.js)
   Integración no invasiva sobre el build v2: no toca el CSS de Astro.
   Si bh.js no arranca (sin WebGL / reduced-motion), nada de esto aplica y
   queda la atmósfera original (lens orb + grid + grain).
   ========================================================================== */
.atmos-bg #bh{ position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1.4s ease; }
html.bh-on .atmos-bg #bh{ opacity: 1; }

/* el objeto real sustituye al orb CSS y al PNG giratorio del manifiesto */
html.bh-on .atmos-lens{ display: none; }
html.bh-on #manifesto-blackhole{ display: none; }

/* la viñeta lateral se atenúa durante el colapso al caret (tu caso / footer) */
.atmos-noise-overlay{ transition: opacity .9s ease; }
html.bh-clear .atmos-noise-overlay{ opacity: .3; }

/* manifiesto: la cinta opaca (gradiente void->surface) tapaba el objeto justo
   en su momento full-bleed; con el shader activo la sección es transparente y
   misión/visión quedan como cristal flotando sobre el disco */
html.bh-on .manifiesto-section{ background: transparent; }

/* footer (contacto): de void opaco a glass — el punto final del colapso y las
   estrellas se ven a través */
html.bh-on .main-footer{
  background: rgba(3, 3, 4, .5);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* consola del chat (tu caso): glass OSCURO — mucho más opaco que el resto
   porque aquí se escribe; el fondo apenas se asoma para dar continuidad */
html.bh-on .console-wrapper.glass-panel{ background: rgba(5, 5, 7, .86); }
html.bh-on .caso-grid{ background: transparent; }
html.bh-on .console-header{ background: rgba(7, 7, 9, .60); }
html.bh-on .stream{ background: rgba(7, 7, 9, .55); }
html.bh-on .ledger{ background: rgba(7, 7, 9, .45); }

/* en móvil el build vuelve opacos los glass-panel (perf); con el shader activo
   los bloques del manifiesto recuperan translucidez (sin blur: costo cero) y
   la consola conserva un glass oscuro casi sólido para poder escribir */
@media (max-width: 760px){
  html.bh-on .manifiesto-section .glass-panel{ background: rgba(7, 7, 9, .72); }
  html.bh-on .console-wrapper.glass-panel{ background: rgba(5, 5, 7, .90); }
  html.bh-on .main-footer{ backdrop-filter: none; -webkit-backdrop-filter: none; background: rgba(3, 3, 4, .72); }
}

/* QA: ?bhp=… congela el timeline sin fade */
html.bh-debug .atmos-bg #bh{ transition: none; }