/* Estilos complementarios a Tailwind (utilidades que no cubre el CDN) */

html {
  scroll-behavior: smooth;
}

/* Desplaza el destino del anchor debajo del header fijo (h-16 = 4rem) */
section[id] {
  scroll-margin-top: 4rem;
}

/* Pequeña animación de entrada usada en tarjetas y bloques destacados */
@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in-up {
  animation: fade-in-up 0.6s ease-out both;
}