/* Estilos personalizados para complementar o Tailwind */
body {
    font-family: 'Inter', sans-serif;
    background-color: #f8fafc; /* cinza bem claro */
}
.swiper-button-next, .swiper-button-prev {
    color: #1e3a8a; /* Azul escuro para os botões do slider */
}
/* Estilos para os novos botões de paginação (barras) */
.swiper-pagination-bullet {
    width: 2.5rem; /* 40px */
    height: 4px;
    border-radius: 9999px;
    background-color: rgba(0, 0, 0, 0.4); /* Alterado para preto semi-transparente */
    opacity: 1;
    transition: background-color 0.3s;
}
.swiper-pagination-bullet-active {
    background-color: black; /* Alterado para preto */
}