/* ==== Personalizações e Animações Específicas ==== */

/* Diretivas do Tailwind para permitir @apply se necessário localmente */
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {

  /* Animações de Flutuação (Float) */
  .animate-float {
    animation: float 6s ease-in-out infinite;
  }

  .animate-float-slow {
    animation: float 8s ease-in-out infinite alternate;
  }
}

/* Keyframes para as animações */
@keyframes float {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-15px);
  }

  100% {
    transform: translateY(0px);
  }
}

/* Scroll suave para links internos (âncoras) */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
  /* Compensação de altura do cabeçalho Fixo (Header) */
}

/* Opcional: Custom Scrollbar premium para embelezar o navegador  */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #F9FAFB;
}

::-webkit-scrollbar-thumb {
  background: #D1D5DB;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #047857;
}