/* =============================================================
   AJUSTES DE ACCESIBILIDAD · capa aditiva sobre styles.css
   -------------------------------------------------------------
   No cambia el diseño: solo sube el contraste del texto secundario
   hasta el mínimo legible (AA pide 4,5:1; estos grises rondaban
   2,6:1) y hace visible el anillo de foco sobre el botón azul.
   Se quita borrando su <link> en index.html.
   ============================================================= */

/* Foco de teclado sobre el CTA azul. El anillo era cian sobre un botón
   cian→azul: invisible justo en el control principal de la primera
   pantalla. Blanco con separación se ve en cualquier estado del botón. */
.btn-blue-solid:focus-visible {
  outline: 2px solid #FFFFFF;
  outline-offset: 3px;
}

/* Texto secundario. Mismo tono, más opacidad: la jerarquía se conserva
   pero deja de exigir buena vista y pantalla limpia. */
.section-subtitle { color: rgba(255, 255, 255, 0.55); }
.time-display     { color: rgba(255, 255, 255, 0.55); }
.footer-meta      { color: rgba(255, 255, 255, 0.40); }
.tab-btn          { color: rgba(255, 255, 255, 0.60); }

/* Placeholders: a 0,15 no se distinguía qué campo era cuál. */
.hud-input::placeholder,
.blue-input::placeholder,
.act-input::placeholder { color: rgba(255, 255, 255, 0.42); }

/* Botón deshabilitado con texto informativo ("FALTAN 4 RESPUESTAS"):
   a 0,3 no se leía el motivo por el que no se puede continuar. */
.btn-primary.disabled,
.btn-primary:disabled { color: rgba(255, 255, 255, 0.5); }