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

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-primary text-white font-semibold rounded-lg shadow-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-opacity-75;
  }
  
  .btn-secondary {
    @apply py-2 px-4 bg-secondary text-white font-semibold rounded-lg shadow-md hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-gray-400 focus:ring-opacity-75;
  }
}

/* Esconde a barra de rolagem em navegadores WebKit (Chrome, Safari) */
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

/* Esconde a barra de rolagem em navegadores Firefox */
.scrollbar-hide {
  scrollbar-width: none;
}

/* Esconde a barra de rolagem em navegadores IE e Edge */
.scrollbar-hide {
  -ms-overflow-style: none;
}

/* Estilos para botões */
button {
  cursor: pointer;
}

/* Estilos específicos para botões de alerta */
[data-controller="alert"] button {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

[data-controller="alert"] button:hover {
  transform: scale(1.05);
}