/* ═══════════════════════════════════════════════════════════
   leer-grafica.css — Estilos EXCLUSIVOS del minijuego
   leer-grafica.
   Elemental W · Fisica/minijuegos/leer-grafica/

   El chrome (insignia, botón Entrar, overlay) y los estilos que
   comparte con arrastrar-numero/elegir-formula (bandeja de
   chips, pulso, shake...) están en
   ../_compartido/minijuegos-widgets.css — no se duplican aquí.

   El dibujo de la propia gráfica (.fis-exp-grafica*) NO vive
   aquí: sigue en Fisica/css/fisica-cinematica.css porque también
   lo usan los elementos "grafica-xt"/"grafica-vt" del modo
   Aprendizaje (fisica-renderer.js), no solo este minijuego.
═══════════════════════════════════════════════════════════ */

/* A diferencia de 'arrastrar-numero', aquí el chip mismo se marca
   en vez del hueco, porque no hay hueco/fórmula que rellenar. */
.fis-practica__pregunta {
  font-family: var(--ewf-font-titulo);
  font-size: 1rem;
  color: var(--ewf-texto-2);
  text-align: center;
  margin: 4px 0;
}
.fis-practica__chip--correcto {
  border-color: var(--ewf-acento-grafica);
  background: color-mix(in srgb, var(--ewf-acento-grafica) 12%, transparent);
  color: var(--ewf-acento-grafica);
  font-weight: 700;
}

/* Número de eje que corresponde al punto preguntado (t = X y su lectura
   en el eje de la magnitud): mismo tamaño que .fis-exp-grafica-num
   (definida en Fisica/css/fisica-cinematica.css, compartida con el modo
   Aprendizaje), pero en negrita y con el color de acierto, para que el
   estudiante identifique de un vistazo qué número debe leer. */
.fis-exp-grafica-num--resaltado {
  font-weight: 700;
  fill: var(--ewf-acento-grafica);
}