/* Suaviza o scroll global */
html {
    scroll-behavior: smooth;
}

/* Estilo para links ativos no menu */
nav a.active {
    color: #ef4444 !important; /* brand-red */
    font-weight: bold;
}

/* Adiciona transição suave para todas as âncoras */
a[href^="#"] {
    transition: color 0.3s ease;
}

/* Garante que as seções tenham um pouco de padding no topo para o header fixo */
section[id] {
    scroll-margin-top: 100px; /* Ajuste conforme altura do seu header */
}

header nav ul {
    display: flex;
    gap: 8px;
}

#mobile-menu ul {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 10px;
    padding-left: 2rem;
}

/* Estilo para o botão "Acessar Marketplace" */
.btn-marketplace {
    display: block;
    text-align: center;
    padding: 0.75rem 1rem; /* px-4 py-3 ≈ 16px 12px */
    border: 2px solid rgb(31 78 91 / var(--tw-text-opacity, 1)); /* border-2 border-brand-blue (ajuste conforme sua cor) */
    color: rgb(31 78 91 / var(--tw-text-opacity, 1)); /* text-brand-blue */
    font-weight: 700; /* font-bold */
    border-radius: 0.5rem; /* rounded-lg ≈ 8px */
    text-decoration: none;
    transition: all 0.3s ease;
    display: block;
}

.btn-marketplace:hover {
    background-color: #0033a0; /* bg-brand-blue */
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 51, 160, 0.2);
}

/* Estilo para o botão "Cadastre sua Empresa" */
.btn-cadastro-empresa {
    display: block;
    text-align: center;
    padding: 0.75rem 1rem; /* px-4 py-3 */
    background-color: #e63946; /* bg-brand-red (ajuste conforme sua cor) */
    color: white;
    font-weight: 700; /* font-bold */
    border-radius: 0.5rem; /* rounded-lg */
    text-decoration: none;
    transition: all 0.3s ease;
    display: block;
}

.btn-cadastro-empresa:hover {
    background-color: #d32f3d; /* Tom mais escuro do brand-red */
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(230, 57, 70, 0.3);
}

/* Transições suaves para o menu mobile */
#mobile-menu {
    transition: opacity 0.2s ease-out, transform 0.2s ease-out;
    transform-origin: top center;
}

#mobile-menu.hidden {
    display: none !important;
}

/* Estilo para os links do menu mobile */
#mobile-menu ul {
    display: flex;
    flex-direction: column;
    padding: 1.5rem 1rem;
}

#mobile-menu ul li {
    width: 100%;
}

#mobile-menu ul li a {
    display: block;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    transition: all 0.2s ease;
}

#mobile-menu ul li a:hover {
    background-color: #E6F0F3;
    color: #EF4136;
}

/* Ajuste para garantir que o menu fique acima de outros elementos */
#mobile-menu {
    z-index: 40;
}

/* rodape */

.rodape li {
    color: #E6F0F3;
    margin-bottom: 1rem;
}

.rodape li:hover {
    color: #EF4136;
}

/* Versão responsiva */
@media (min-width: 640px) {
    .btn-marketplace,
    .btn-cadastro-empresa {
        padding: 0.75rem 1.5rem; /* Aumenta padding em telas maiores */
    }
}

@media (min-width: 998px) {
    .btn-marketplace {
        display: none;
    }

    .btn-cadastro-empresa {
        display: none;
    }
}