/* ============================================================
   MRC CONSULTORIA — Responsivo Compartilhado
   Regras que se aplicam a TODAS as páginas em telas <= 1005px.
   Estilos específicos de cada página ficam no CSS da página.
   ============================================================ */

@media screen and (max-width: 1005px) {

    /* Navbar deixa de ser fixa no mobile */
    body {
        padding-top: 0;
    }

    .navbar {
        position: relative;
        height: auto;
        padding: 14px 20px;
        align-items: flex-start;
    }

    .logo {
        flex: 1;
        margin-left: 0;
        font-size: 28px;
        line-height: 40px;
    }

    /* Mostra o ícone hambúrguer */
    .hamburger {
        display: block;
    }

    /* Menu recolhido por padrão */
    .menu {
        display: none;
        flex: 100%;
        flex-direction: column;
        text-align: left;
        padding: 10px 0 0;
    }

    .menu a {
        padding: 14px 6px;
        font-size: 14px;
        border-bottom: 1px solid rgba(179, 139, 109, 0.15);
        display: block;
    }

    .menu a:hover {
        border-top: none;
        color: var(--dourado);
        padding-left: 10px;
    }

    #botao-proposta {
        margin: 10px 0;
        display: inline-block;
        width: fit-content;
    }

    /* Checkbox marcado → menu visível */
    #menu-toggle:checked ~ .hamburger ~ .menu {
        display: flex;
    }

    /* Container com menos margem lateral */
    .container {
        margin: 16px 10px;
        border-radius: 8px;
    }

    /* WhatsApp oculto no mobile */
    .whats-btn {
        display: none;
    }
}