/* Estilos globales */
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');

@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --font-animation: 'Patrick Hand', cursive;
}

body {
  font-family: var(--font-animation);
  scroll-behavior: smooth;
  @apply bg-black text-white; /* Forzamos el fondo oscuro de una vez */
  
}

[id] {
  scroll-margin-top: 4rem;
}

/* Animaciones de entrada */
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-up {
  opacity: 0;
}

.fade-up.is-visible {
  animation: fadeUp 1s ease-out forwards;
}