/* ============================= */
/* MOBILE MENU - FULL SCREEN */
.mobile-menu {
    display: none;
    position: absolute;
    top: 128px; /* abaixo do header */
    left: 0;
    width: 100%;
    height: calc(100vh - 128px);
    background: #FFFFFF;
    z-index: 4000;
    flex-direction: column;
    padding: 32px 24px;
    box-sizing: border-box;
}

/* LINKS DO MENU */
.mobile-menu-nav {
    display: flex;
    flex-direction: column;
    gap: 32px; /* espaçamento vertical */
}

.mobile-menu-nav a {
    font-family: Circular, sans-serif;
    font-size: 18px; /* fonte menor */
    font-weight: 900;
    color: #283E80;
    text-decoration: none;
}

.mobile-menu-nav a:hover {
    text-decoration: underline;
}

/* BOTÃO VOLTAR - apenas símbolo, sem fundo */
.btn-back-mobile {
    font-size: 24px;
    font-weight: 900;
    color: #fff;
    background: none;
    border: none;
    cursor: pointer;
    display: none; /* inicialmente escondido */

    position: absolute;
    left: 16px;  /* distância da borda esquerda */
    top: 50%;    /* centralizado verticalmente no header */
    transform: translateY(-50%);
    z-index: 5000; /* acima de todos os elementos do header */
}

/* RESPONSIVO DESKTOP - ESCONDER MENU MOBILE */
@media(min-width: 768px) {
    .mobile-menu,
    .btn-menu-mobile,
    .btn-back-mobile,
    .btn-icon-mobile {
        display: none !important;
    }
}