/* Definição de Cores Base da Logo */
:root {
    --maffei-green-dark: #1a4f00; /* Verde Escuro da Logo */
    --maffei-green-light: #52a300; /* Verde Claro/Lima da Logo */
    --maffei-text-color: #333333; /* Cinza Chumbo do Texto */
}

/* Estilo de Fonte (Se usou a Montserrat) */
body {
    font-family: 'Montserrat', sans-serif;
    color: var(--maffei-text-color);
}

/* Estilos para a Barra de Navegação */
.navbar-brand img {
    /* Ajusta o tamanho da sua logo */
    max-height: 80px;
    width: auto;
}

.nav-link {
    font-weight: 600;
    color: var(--maffei-text-color) !important;
}

/* Estilo do botão de Contato no Menu */
.btn-success {
    background-color: var(--maffei-green-dark);
    border-color: var(--maffei-green-dark);
    transition: background-color 0.3s;
}

.btn-success:hover {
    background-color: var(--maffei-green-light);
    border-color: var(--maffei-green-light);
}

/* Estilo para a Seção Principal */
.hero-section h1 {
    color: var(--maffei-green-dark) !important;
    font-size: 2.5rem; /* Ajuste para celular */
}

@media (min-width: 768px) {
    .hero-section h1 {
        font-size: 3.5rem; /* Ajuste para desktop */
    }
}

/* Estilo para as Logos de Marketplaces e Clientes */
.marketplace-logo {
    opacity: 0.7;
    transition: opacity 0.3s;
    height: 50px; /* Altura padrão para as logos dos Marketplaces */
    width: auto;
    filter: grayscale(80%); /* Para dar um toque profissional, pode remover */
}

.marketplace-logo:hover {
    opacity: 1;
    filter: grayscale(0%);
}

/* Estilo do Carrossel de Clientes (Garantir que as logos tenham altura uniforme) */
.clientes-carrossel img {
    max-height: 80px; /* Altura máxima para as logos dos clientes */
    width: auto;
    object-fit: contain; /* Garante que a logo não seja cortada */
    opacity: 0.8;
}

/* Estilo do Rodapé */
footer a {
    color: var(--maffei-green-light) !important;
}