/* Configurações de Tipografia e Fundo */
body { 
    font-family: 'Inter', sans-serif; 
    background-color: #F8FAFC; 
}

/* Cores da Marca */
.text-brand-blue { color: #004080; }
.bg-brand-orange { background-color: #FF8C00; }

/* Estilização do Carrossel (Swiper) */
.swiper { 
    width: 100%; 
    /* No celular, a altura será 60% da largura da tela (proporção ideal) */
    height: 60vw; 
    max-height: 280px;
    border-radius: 1rem; 
    background-color: #e2e8f0; /* Cinza claro enquanto carrega */
}

/* Quando a tela for maior (computador), a imagem cresce */
@media (min-width: 768px) {
    .swiper {
        height: 450px; 
        max-height: 500px;
    }
}

.swiper-slide img { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
}

/* Cor das bolinhas de navegação (Laranja da marca) */
.swiper-pagination-bullet-active { 
    background: #FF8C00 !important; 
}

/* Efeito de Vidro (Glassmorphism) */
.glass-card { 
    background: rgba(255, 255, 255, 0.9); 
    backdrop-filter: blur(8px); 
}