/* ==========================================================================
   REAC — Propuesta 2: misma web que la propuesta 1, con el gris corporativo
   (#63666A) en lugar del negro. Se carga después de reac.css y solo cambia
   colores. El degradado oscuro sobre el vídeo de portada se mantiene en negro,
   y el lazo de #NIUNOMÁS es la imagen original de la campaña.
   ========================================================================== */

:root {
  /* Fondos que eran negros: ahora gris corporativo */
  --asfalto: #63666a;
  --asfalto-2: #585b5f;

  /* Textos que eran negros: gris corporativo; el secundario, un gris algo más claro (4,9:1 sobre blanco) */
  --tinta: #63666a;
  --tinta-suave: #6f7276;

  /* Texto secundario sobre fondos grises (contraste suficiente sobre #63666A) */
  --niebla: #e4e5e6;

  /* Texto sobre amarillo: gris oscuro, porque el gris corporativo no se lee sobre amarillo */
  --amarillo-tinta: #45474b;
}

/* Rótulos y textos secundarios dentro de secciones grises */
.oscuro .rotulo, .miembros__presencia small, .pie h3, .pie__legal { color: var(--niebla); }
.oscuro .rotulo::before { background: var(--amarillo); }

/* Separación entre el gris de Miembros y el de Únete */
.unete { border-top: 1px solid rgba(255, 255, 255, 0.12); }