/* =================== CogniLab — Background Negro Homogéneo (2025) =================== */
/* Diseño: negro puro, minimalista, sin efectos. Máxima limpieza visual. */
:root{
  /* Fondo negro puro */
  --bg-black: 0 0% 0%;
  --bg-dark: 0 0% 2%;

  /* Texto base */
  --text-100: 220 14% 92%;

  /* Variables conservadas para compatibilidad (sin uso) */
  --blue-500: 222 65% 52%;
  --blue-600: 222 60% 45%;
  --blue-700: 222 55% 38%;

  /* Opacidades mínimas (sin uso en fondo homogéneo) */
  --op-xxlow: .03;
  --op-xlow:  .05;
  --op-low:   .08;

  color-scheme: dark;
}

/* Tipografía de sistema si aún no cargó Poppins/Inter */
html { font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji"; }

html, body{
  min-height: 100%;
  background-color: hsl(var(--bg-black));
  color: hsl(var(--text-100));
}

/* =================== Fondo negro homogéneo ===================
   Sin gradientes, sin efectos, negro puro y limpio.
*/
body{
  position: relative;
  overflow-x: clip;
  background: hsl(var(--bg-black));
  background-repeat: no-repeat;
}

/* =================== Sin efectos dinámicos ===================
   Fondo homogéneo - sin gradientes ni animaciones.
*/
body::before{
  /* Deshabilitado para fondo homogéneo */
  display: none;
}

/* =================== Sin textura ===================
   Fondo completamente liso y homogéneo.
*/
body::after{
  /* Deshabilitado para fondo homogéneo */
  display: none;
}

/* =================== HERO — sin manchas laterales =================== */
.hero, .section-hero, [data-hero], section[id*="hero"]{
  position: relative;
  background: transparent;
  isolation: isolate;
  overflow: clip; /* clave para no mostrar recortes */
}

/* Sin efectos en hero - fondo homogéneo */
.hero::before, .section-hero::before, [data-hero]::before, section[id*="hero"]::before{
  /* Deshabilitado para fondo homogéneo */
  display: none;
}

/* =================== Superficies minimalistas =================== */
.surface{
  background: rgba(255,255,255,.02);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  /* Sin backdrop-filter para mayor simplicidad */
}

/* =================== Accesibilidad =================== */
/* Sin animaciones - fondo estático */

/* =================== Utilidades =================== */
/* Clases de utilidad conservadas para compatibilidad */
.bg-no-fixed::before{ display: none !important; }
.noise-off{ display: none !important; }