/* Galopes Securitizadora - Tema CSS */
/* Importação das fontes Google */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500;600;700&display=swap');

/* Fontes */
.font-roboto-slab { 
    font-family: 'Roboto Slab', serif; 
}

.font-montserrat { 
    font-family: 'Montserrat', sans-serif; 
}

/* Cores de Fundo */
.bg-galopes-green { 
    background-color: #193C2B; 
}

.bg-galopes-gold { 
    background-color: #ECC88F; 
}

.bg-galopes-dark { 
    background-color: #0f2419; 
}

.bg-galopes-dark-green { 
    background-color: #0f2419; 
}

.bg-footer-dark { 
    background-color: #0f2419; 
}

/* Variação específica para quem-somos.html */
.bg-footer-dark-alt { 
    background-color: #0a1a0f; 
}

/* Classe específica para quem-somos.html footer */
.bg-footer-dark.quem-somos { 
    background-color: #0a1a0f; 
}

/* Cores de Texto */
.text-galopes-gold { 
    color: #ECC88F; 
}

.text-galopes-dark { 
    color: #0f2419; 
}

/* Cores de Borda */
.border-galopes-gold { 
    border-color: #ECC88F; 
}

/* Estados Hover */
.hover\:text-galopes-gold:hover { 
    color: #ECC88F; 
}

.hover\:border-galopes-gold:hover { 
    border-color: #ECC88F; 
}

.hover\:bg-galopes-gold:hover { 
    background-color: #ECC88F; 
}

.hover\:bg-galopes-dark:hover { 
    background-color: #0f2419; 
}

.hover\:border-green-500:hover { 
    border-color: #10b981; 
}

/* Cores com Transparência */
.bg-galopes-gold\/20 { 
    background-color: rgba(236, 200, 143, 0.2); 
}

.bg-galopes-gold\/30 { 
    background-color: rgba(236, 200, 143, 0.3); 
}

.bg-galopes-green\/10 { 
    background-color: rgba(25, 60, 43, 0.1); 
}

.bg-galopes-green\/20 { 
    background-color: rgba(25, 60, 43, 0.2); 
}

.bg-galopes-green\/80 { 
    background-color: rgba(25, 60, 43, 0.8); 
}

/* Estados de Grupo */
.group:hover .group-hover\:bg-galopes-gold\/30 { 
    background-color: rgba(236, 200, 143, 0.3); 
}

/* Tipografia Customizada */
.text-hero { 
    font-size: 3.5rem; 
    line-height: 1.1; 
}

.text-hero-lg { 
    font-size: 4.5rem; 
    line-height: 1.1; 
}

.text-subheadline { 
    font-size: 1.125rem; 
    line-height: 1.6; 
}

/* Media Queries */
@media (min-width: 768px) {
    .text-hero-lg { 
        font-size: 4.5rem; 
    }
}