/* Fade in al cargar la página */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.page-container {
  animation: fadeIn 1s ease-in;
}

/* Pulso en palabras clave */
@keyframes pulse {
  0%   { opacity: 1; }
  50%  { opacity: 0.6; }
  100% { opacity: 1; }
}

strong, b {
  animation: pulse 2s infinite;
}

/* Hover animado en botones */
.choice-btn {
  transition: background-color 0.3s ease, color 0.3s ease, padding-left 0.3s ease;
}

.choice-btn:hover {
  padding-left: 2rem;
}