/* ============================================================
   Estilos que Tailwind CDN no cubre: animaciones de scroll,
   acordeones, tabs de semanas y honeypot anti-spam.
   ============================================================ */

/* ---------- Animaciones al hacer scroll ---------- */
/* Si JS no llega a correr, el contenido queda visible por defecto
   (ver initScrollAnimations en js/script.js). */
html.js-animate-ready [data-animate] {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

html.js-animate-ready [data-animate].is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ---------- Acordeones (temario semanal y FAQ) ---------- */
[data-accordion-panel] {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

[data-accordion-icon] {
  transition: transform 0.3s ease;
}

/* ---------- Urgencia (badge de cupos) ---------- */
.pulso-urgencia {
  animation: pulso 2.4s ease-in-out infinite;
}

@keyframes pulso {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.6; }
}

/* ---------- Accesibilidad: foco visible siempre ---------- */
a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

html { scroll-behavior: smooth; scroll-padding-top: 6rem; }