/* Fontes */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital,wght@0,400;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@200;300;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400&display=swap');

/* Estilos específicos para a landing page */
.body-landing-page {
    font-family: 'Onest', sans-serif !important;
    color: var(--gold) !important;
    background-color: var(--primary-dark) !important;
    min-height: 100vh;
}

.body-landing-page .page, 
.body-landing-page .page-main {
    background-color: var(--primary-dark) !important;
}

.body-landing-page .page-fill {
    background-color: var(--primary-dark) !important;
}

/* Classe de utilidade para o background azul escuro */
.bg-primary-dark {
    background-color: var(--primary-dark) !important;
}

/* Fontes serif para títulos na landing page */
.body-landing-page h1, 
.body-landing-page h2, 
.body-landing-page h3, 
.body-landing-page h4, 
.body-landing-page h5, 
.body-landing-page h6, 
.serif-font {
    font-family: 'Instrument Serif', serif;
    font-style: italic;
}

/* Media Queries gerais */
@media (max-width: 992px) {
    .banner-title {
        font-size: 4rem;
    }
    
    .section-title {
        font-size: 3rem;
    }
    
    .reviews-title, .search-title {
        font-size: 2.5rem;
    }
}

@media (max-width: 768px) {
    .banner-content {
        padding: 30px;
    }
    
    .banner-title {
        font-size: 3rem;
    }
    
    .search-section {
        padding: 20px;
    }
    
    .benefit-box {
        margin-bottom: 20px;
    }
}

@media (max-width: 576px) {
    .banner-title {
        font-size: 2.5rem;
    }
    
    .section-title {
        font-size: 2rem;
    }
    
    .search-title {
        font-size: 1.8rem;
    }
    
    .menu-text {
        font-size: 24px;
    }
    
    .search-text {
        font-size: 20px;
    }
}