/* Señales de los indicadores (verde = buena, rojo = mala). Tonos más oscuros que los de
   Bootstrap para que el texto pequeño tenga contraste suficiente sobre blanco (WCAG AA). */
.senal-buena { color: #1e7e34; }
.senal-mala { color: #bd2130; }
.indicador-buena { border-left: 4px solid #1e7e34; }
.indicador-mala { border-left: 4px solid #bd2130; }

/* Páginas de autenticación (ingresar, registro): fondo oscuro y tarjeta centrada. */
.pagina-auth { background: #1F1F38; }
.pagina-auth .card { background: #28284F; color: #fff; }
.pagina-auth label, .pagina-auth footer a { color: #fff; }
.pagina-auth .card a:not(.btn) { color: #fff; }
.pagina-auth .card .text-muted, .pagina-auth .card .form-text { color: #d0d0e8 !important; }