/* Fondos de apoyo: la capa clara conserva la prioridad de lectura. */
body[data-page="resultado"] .reaction::before {
  background-color: #f5f8fa;
  background-image:
    linear-gradient(90deg, rgba(248,250,252,.985) 0%, rgba(248,250,252,.95) 48%, rgba(248,250,252,.65) 100%),
    url("assets/lk-fondo-reaccion-criterio-v1.png");
  background-position: center, right center;
  background-repeat: no-repeat;
  background-size: cover, cover;
}

body[data-page="metodo"] .ai {
  --photo: url("assets/lk-fondo-ia-aplicada-v1.png");
  --photo-overlay: linear-gradient(90deg, rgba(248,250,252,.985) 0%, rgba(248,250,252,.95) 48%, rgba(248,250,252,.65) 100%);
}

@media (max-width: 62rem) {
  body[data-page="resultado"] .reaction::before {
    background-image:
      linear-gradient(90deg, rgba(248,250,252,.96), rgba(248,250,252,.8)),
      url("assets/lk-fondo-reaccion-criterio-v1.png");
  }

  body[data-page="metodo"] .ai {
    --photo-overlay: linear-gradient(90deg, rgba(248,250,252,.96), rgba(248,250,252,.8));
  }
}