/* LOP DIVULGAÇÕES — CSS PARA MOBILE */
/* Regras de celular/tablet ficam aqui. Regras min-width/desktop foram removidas. */

/* Este arquivo reúne somente os ajustes responsivos. */



/* ===== 09-responsivo-geral.css ===== */
@media (max-width: 760px) {
    .acoes-cabecalho {
        gap: 6px;
    }
    .botao-conta, .botao-anunciar {
        padding: 9px 11px;
        font-size: 13px;
    }
}


/* ===== 09-responsivo-geral.css ===== */
@media (max-width: 768px) {

    .cabecalho {
        flex-direction: column;
        gap: 20px;
    }

    .menu {
        flex-wrap: wrap;
        justify-content: center;
    }

    .pesquisa {
        flex-direction: column;
    }

    .categorias-container,
    .patrocinadores-container,
    .anuncios-container {
        grid-template-columns: 1fr;
    }

    .banner h1 {
        font-size: 30px;
    }
}


/* ===== 10-anunciar.css ===== */
@media (max-width: 768px) {

    .pagina-anunciar {
        padding-top: 45px;
    }

    .anunciar-cabecalho h1 {
        font-size: 28px;
    }

    .opcao-anuncio {
        padding: 18px;
    }

    .opcao-icone {
        width: 52px;
        height: 52px;
        font-size: 25px;
    }

    .opcao-texto h2 {
        font-size: 17px;
    }

    .opcao-texto p {
        font-size: 14px;
    }

    .opcao-seta {
        font-size: 22px;
    }
}


/* ===== 14-resultados.css ===== */
@media (max-width: 768px) {

    .pesquisa-formulario {
        flex-direction: column;
    }

    .secao-titulo,
    .resultados-info {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .grade-resultados {
        grid-template-columns: 1fr;
    }

    .resultados-cabecalho h1 {
        font-size: 28px;
    }
}


/* ===== 17-pagamento.css ===== */
@media (max-width: 900px) {

    .planos-container {
        grid-template-columns: 1fr;
        max-width: 550px;
        margin: 0 auto;
    }

    .planos-cabecalho h1 {
        font-size: 30px;
    }
}


/* ===== 17-pagamento.css ===== */
@media (max-width: 768px) {

    .pagamento-card {
        padding: 28px 20px;
    }

    .pagamento-resumo {
        grid-template-columns: 1fr;
    }

    .pagamento-resumo strong {
        text-align: left;
    }
}


/* ===== 18-cadastro-anuncio.css ===== */
@media (max-width: 700px) {
    .linha-campos {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .plano-selecionado-box {
        flex-direction: column;
        align-items: flex-start;
    }

    .bloco-form {
        padding: 18px;
    }
}


/* ===== 20-botoes.css ===== */
@media (max-width: 760px) {
    .botao-conta,
    .botao-anunciar {
        border-radius: 9px;
    }
}


/* ===== 22-cabecalho-visual.css ===== */
@media(max-width:800px){.cabecalho{flex-wrap:wrap;justify-content:center}.logo{margin-right:auto}.menu{order:3;width:100%;justify-content:center;gap:20px;overflow-x:auto}.acoes-cabecalho{margin-left:auto}.menu-inicio{order:2;width:auto;margin:0 auto}.cabecalho .menu-inicio + .acoes-cabecalho{margin-left:auto}}


/* ===== 24-cabecalho-definitivo.css ===== */
@media (max-width: 800px) {

    .cabecalho {
        height: auto;
        min-height: 70px;
        padding: 12px 18px;
        gap: 12px;
        flex-wrap: wrap;
    }

    .cabecalho .logo {
        font-size: 18px;
    }

    .cabecalho .menu {
        order: 3;
        width: 100% !important;
        height: auto;
        gap: 20px;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    .cabecalho .menu a {
        font-size: 13px;
    }

    .cabecalho .acoes-cabecalho {
        margin-left: auto !important;
    }

    .cabecalho .botao-conta,
    .cabecalho .botao-anunciar {
        height: 38px;
        padding: 0 12px;
        font-size: 12px;
    }
}


/* ===== 29-menu-conta-final.css ===== */
@media (max-width: 700px) {
    .destaques .anuncios-container {
        grid-template-columns: 230px !important;
        justify-content: center !important;
    }
}


/* ===== 30-mobile.css ===== */
@media (max-width: 800px) {
    .cabecalho {
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 12px 14px 10px !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        align-items: center !important;
        justify-content: initial !important;
        gap: 10px !important;
        overflow: visible !important;
    }

    .cabecalho .logo {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 54px !important;
        justify-content: center !important;
        margin: 0 !important;
    }

    .cabecalho .logo img {
        width: min(300px, 78vw) !important;
        max-width: 78vw !important;
        max-height: none !important;
        height: auto !important;
    }

    /* No index.html o + Anunciar é irmão do .acoes-cabecalho */
    .cabecalho > .botao-anunciar {
        grid-column: 1 !important;
        grid-row: 2 !important;
        width: 100% !important;
        height: 42px !important;
        padding: 0 8px !important;
        font-size: 14px !important;
        margin: 0 !important;
    }

    .cabecalho > .acoes-cabecalho {
        grid-column: 2 !important;
        grid-row: 2 !important;
        width: 100% !important;
        margin: 0 !important;
        justify-content: stretch !important;
        gap: 8px !important;
    }

    /* Páginas internas que possuem + Anunciar dentro de .acoes-cabecalho */
    .cabecalho:has(.acoes-cabecalho .botao-anunciar) .acoes-cabecalho {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
    }

    .cabecalho .acoes-cabecalho .conta-menu {
        width: 100% !important;
    }

    .cabecalho .acoes-cabecalho .botao-anunciar {
        flex: 1 1 auto !important;
        width: auto !important;
    }

    .cabecalho .botao-conta {
        width: 100% !important;
        min-width: 0 !important;
        height: 42px !important;
        padding: 0 8px !important;
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    .cabecalho .menu,
    .cabecalho .menu.menu-inicio {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 38px !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 20px !important;
        margin: 0 !important;
        padding: 4px 0 0 !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        scrollbar-width: none;
    }

    .cabecalho .menu::-webkit-scrollbar {
        display: none;
    }

    .cabecalho .menu a {
        flex: 0 0 auto !important;
        font-size: 14px !important;
        padding: 7px 2px !important;
        white-space: nowrap !important;
    }

    /* Quando o + Anunciar está dentro de .acoes-cabecalho */
    .cabecalho .acoes-cabecalho {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
    }

    .cabecalho .acoes-cabecalho .botao-anunciar {
        order: 1 !important;
        height: 42px !important;
        padding: 0 10px !important;
        font-size: 13px !important;
    }

    .cabecalho .acoes-cabecalho .conta-menu {
        order: 2 !important;
    }

/* ===== MENU DA CONTA - MOBILE ===== */
.cabecalho .menu-conta-dropdown {
    position: fixed !important;

    /* fica logo abaixo dos 3 pontinhos */
    top: 45px !important;
    right: 10px !important;

    width: 220px !important;
    max-width: calc(100vw - 20px) !important;

    z-index: 99999999 !important;

    background: #fff !important;
    border-radius: 14px !important;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.20) !important;

    display: none !important;
}

/* quando abrir */
.cabecalho .menu-conta-dropdown.aberto {
    display: block !important;
}

}


/* ===== 30-mobile.css ===== */
@media (max-width: 800px) {
    .banner {
        width: 100% !important;
        height: 300px !important;
        min-height: 300px !important;
        background-position: center center !important;
    }

    .banner-conteudo {
        width: 94% !important;
        max-width: 100% !important;
        padding: 0 8px !important;
    }

    .banner-conteudo h1 {
        font-size: clamp(29px, 8vw, 38px) !important;
        line-height: 1.12 !important;
        margin-bottom: 12px !important;
    }

    .banner-conteudo p {
        font-size: 17px !important;
        line-height: 1.4 !important;
    }
}


/* ===== 30-mobile.css ===== */
@media (max-width: 800px) {
    .categorias {
        width: 100% !important;
        padding: 38px 5% 25px !important;
    }

    .categorias h2 {
        font-size: 28px !important;
        margin-bottom: 14px !important;
    }

    .categorias-subtitulo {
        font-size: 16px !important;
        line-height: 1.45 !important;
        margin-bottom: 25px !important;
    }

    .categorias-container {
        width: 100% !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .categoria-card {
        width: 100% !important;
        padding: 30px 20px !important;
        min-height: 190px !important;
    }

    .categoria-card h3 {
        font-size: 22px !important;
    }

    .categoria-card p {
        font-size: 16px !important;
        line-height: 1.45 !important;
    }
}


/* ===== 30-mobile.css ===== */
@media (max-width: 800px) {
    .destaques {
        width: 100% !important;
        padding: 42px 5% 45px !important;
    }

    .destaques h2 {
        font-size: 26px !important;
        margin-bottom: 22px !important;
    }

    .destaques .anuncios-container {
        width: 100% !important;
        max-width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        justify-content: stretch !important;
        align-items: start !important;
    }

    .destaques .anuncio-card.anuncio-destaque-real,
    .destaques .anuncio-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 0 12px !important;
        box-sizing: border-box !important;
    }

    .destaques .anuncio-imagem-foto,
    .destaques .anuncio-imagem {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 180px !important;
        min-height: 180px !important;
        max-height: 180px !important;
        object-fit: cover !important;
    }

    .destaques .anuncio-card h3 {
        font-size: 18px !important;
        margin: 12px 16px 6px !important;
    }

    .destaques .anuncio-card p,
    .destaques .nome-anunciante {
        font-size: 15px !important;
        margin: 6px 16px !important;
    }
}


/* ===== 30-mobile.css ===== */
@media (max-width: 800px) {
    .area-patrocinadores {
        width: 100% !important;
        padding: 45px 5% 55px !important;
    }

    .area-patrocinadores h2 {
        font-size: 27px !important;
        line-height: 1.2 !important;
    }

    .area-patrocinadores > p {
        font-size: 16px !important;
        line-height: 1.45 !important;
    }

    .patrocinadores-container {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .patrocinador-card {
        width: 100% !important;
        height: 110px !important;
    }
}


/* ===== 30-mobile.css ===== */
@media (max-width: 800px) {
    .pagina-resultados {
        width: 90% !important;
        max-width: none !important;
        padding: 35px 0 55px !important;
    }

    .resultados-cabecalho h1 {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    .pesquisa-formulario {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .pesquisa-formulario input,
    .pesquisa-formulario select,
    .pesquisa-formulario button {
        width: 100% !important;
        min-height: 48px !important;
        box-sizing: border-box !important;
    }

    .grade-resultados,
    .cards {
        grid-template-columns: 1fr !important;
        width: 100% !important;
        gap: 18px !important;
    }

    .grade-resultados .card,
    .cards .card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .card {
        min-height: 0 !important;
    }

    .card > img:not(.selo-card) {
        width: 100% !important;
        height: 190px !important;
    }
}


/* ===== 30-mobile.css ===== */
@media (max-width: 800px) {
    .pagina-anunciar {
        width: 92% !important;
        max-width: none !important;
        padding: 38px 0 55px !important;
    }

    .anunciar-cabecalho h1 {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    .anunciar-cabecalho p {
        font-size: 15px !important;
        line-height: 1.45 !important;
    }

    .opcao-anuncio {
        width: 100% !important;
        padding: 18px !important;
        gap: 14px !important;
    }

    .opcao-icone {
        width: 54px !important;
        height: 54px !important;
    }

    .opcao-texto h2 {
        font-size: 18px !important;
    }

    .opcao-texto p {
        font-size: 14px !important;
    }
}


/* ===== 30-mobile.css ===== */
@media (max-width: 800px) {
    .pagina-planos {
        width: 92% !important;
        padding: 35px 0 55px !important;
    }

    .planos-cabecalho h1 {
        font-size: 29px !important;
        line-height: 1.2 !important;
    }

    .planos-cabecalho p {
        font-size: 15px !important;
    }

    .planos-container {
        grid-template-columns: 1fr !important;
        width: 100% !important;
    }

    .plano-card {
        width: 100% !important;
    }

    .pagina-pagamento {
        width: 100% !important;
        min-height: auto !important;
        padding: 35px 14px 55px !important;
    }

    .pagamento-card {
        width: 100% !important;
        max-width: none !important;
        padding: 26px 18px !important;
    }

    .pagamento-resumo {
        grid-template-columns: 1fr !important;
    }
}


/* ===== 30-mobile.css ===== */
@media (max-width: 800px) {
    .cadastro-trabalho {
        width: 92% !important;
        max-width: none !important;
        padding: 35px 0 55px !important;
    }

    .linha-campos {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    .plano-selecionado-box {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .bloco-form {
        padding: 18px !important;
    }

    .formulario-anuncio input,
    .formulario-anuncio textarea,
    .formulario-anuncio select {
        max-width: 100% !important;
    }
}


/* ===== 30-mobile.css ===== */
@media (max-width: 800px) {
    .grid2 {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .box,
    .box-principal {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .gal {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .gal img {
        width: 100% !important;
        height: auto !important;
        max-height: 360px !important;
        object-fit: cover !important;
    }

    .selo-anuncio {
        width: 48px !important;
        height: 48px !important;
        top: 12px !important;
        right: 12px !important;
    }
}


/* ===== 30-mobile.css ===== */
@media (max-width: 800px) {
    .perfil-wrap {
        width: 92% !important;
        margin: 30px auto 55px !important;
    }

    .perfil-card {
        padding: 22px 18px !important;
        border-radius: 18px !important;
    }

    .perfil-top {
        flex-direction: column !important;
        text-align: center !important;
        gap: 16px !important;
    }

    .painel {
        width: 92% !important;
        max-width: none !important;
        margin: 25px auto 45px !important;
        padding: 0 !important;
    }

    .painel .top {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .painel .acoes {
        width: 100% !important;
    }

    .painel .acoes .btn {
        flex: 1 1 auto !important;
    }

    .painel .grid {
        grid-template-columns: 1fr !important;
    }
}


/* ===== 30-mobile.css ===== */
@media (max-width: 800px) {
    .rodape {
        width: 100% !important;
        padding: 32px 18px !important;
    }

    .rodape p {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }
}


/* ===== 31-celular-visual-desktop.css ===== */
@media (max-width: 700px) {
    html, body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    * {
        box-sizing: border-box;
    }

    .container, main, .conteudo, .painel, .admin-container,
    .dashboard, .perfil-container, .form-container {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Cabeçalhos e menus continuam compactos, sem estourar a tela. */
    header, .header, .cabecalho {
        max-width: 100% !important;
        overflow: visible !important;
    }

    /* Grids de cards: 2 lado a lado quando possível. */
    .anuncios-container,
    .cards-container,
    .lista-anuncios,
    .resultados-grid,
    .destaques .anuncios-container {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .anuncio-card,
    .card,
    .resultado-card,
    .destaques .anuncio-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .anuncio-card img,
    .card img,
    .resultado-card img {
        max-width: 100% !important;
        height: auto;
        object-fit: cover;
    }

    /* Linhas com informações ficam lado a lado e quebram apenas
       quando realmente não houver espaço. */
    .row, .form-row, .linha, .acoes, .botoes,
    .admin-actions, .filtros, .resumo-grid {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center;
        gap: 8px !important;
        width: 100% !important;
    }

    .row > *, .form-row > *, .linha > *, .acoes > *,
    .botoes > *, .admin-actions > *, .filtros > * {
        min-width: 0 !important;
        max-width: 100%;
    }

    /* Duas colunas para campos curtos. */
    .form-row > .campo,
    .form-row > .field,
    .form-row > .form-group,
    .form-row > div {
        flex: 1 1 calc(50% - 8px);
    }

    input, select, textarea, button {
        max-width: 100% !important;
    }

    /* Botões lado a lado quando couberem. */
    button, .btn, a.btn {
        flex: 0 1 auto;
        white-space: nowrap;
    }

    /* Admin: aparência mais próxima do computador. */
    .admin-grid,
    .admin-cards,
    .estatisticas,
    .stats-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .admin-card, .stat-card, .box, .painel-card {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    /* Tabelas não cortam: permitem rolagem horizontal somente
       dentro da tabela quando necessário. */
    .table-responsive,
    .tabela-container,
    .admin-table-container {
        width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    table {
        width: max-content;
        min-width: 100%;
    }

    th, td {
        white-space: nowrap;
    }

    /* Textos longos não escapam da tela. */
    h1, h2, h3, h4, p, span, label, a {
        overflow-wrap: anywhere;
    }

    /* Imagens grandes não criam rolagem horizontal. */
    img {
        max-width: 100%;
    }

    /* Localização continua em uma linha com o ícone. */
    .localizacao-com-icone {
        display: inline-flex !important;
        align-items: center !important;
        max-width: 100%;
        white-space: normal;
    }

    .icone-localizacao {
        flex: 0 0 22px !important;
        width: 22px !important;
        height: 22px !important;
    }
}


/* ===== 31-celular-visual-desktop.css ===== */
@media (max-width: 390px) {
    /* Em telas muito pequenas, preserva o visual lado a lado,
       mas reduz o espaçamento para evitar cortes. */
    .anuncios-container,
    .cards-container,
    .lista-anuncios,
    .resultados-grid,
    .destaques .anuncios-container,
    .admin-grid,
    .admin-cards,
    .estatisticas,
    .stats-grid {
        gap: 7px !important;
    }

    .row, .form-row, .linha, .acoes, .botoes,
    .admin-actions, .filtros, .resumo-grid {
        gap: 6px !important;
    }
}


/* ===== style.css — regras responsivas ===== */
@media (max-width: 700px) {

    html, body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    *, *::before, *::after {
        box-sizing: border-box;
    }

    /* Área principal mais compacta */
    main {
        width: 100% !important;
        max-width: 100% !important;
        padding: 8px 7px !important;
    }

    /* ===== TÍTULO "O QUE VOCÊ PROCURA?" ===== */
    .categorias h2,
    .categorias h1,
    section.categorias > h2,
    section.categorias > h1 {
        font-size: 22px !important;
        line-height: 1.1 !important;
        margin: 6px 0 3px !important;
        text-align: center !important;
    }

    .categorias > p,
    .categorias .subtitulo,
    section.categorias > p {
        font-size: 12px !important;
        line-height: 1.25 !important;
        margin: 2px auto 9px !important;
        max-width: 95% !important;
        text-align: center !important;
    }

    /* ===== TRABALHOS / VENDAS / ALUGUÉIS =====
       Sempre 3 lado a lado no celular */
    .categorias,
    .categorias-container,
    .categorias-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
        width: 100% !important;
        max-width: 100% !important;
        align-items: stretch !important;
    }

    .categorias .categoria,
    .categoria {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 10px 4px !important;
        border-radius: 10px !important;
        overflow: hidden !important;
    }

    .categoria img,
    .categoria .icone,
    .categorias .categoria img {
        width: 34px !important;
        height: 34px !important;
        max-width: 34px !important;
        margin: 0 auto 5px !important;
        object-fit: contain !important;
    }

    .categoria h3,
    .categoria h2 {
        font-size: 13px !important;
        line-height: 1.1 !important;
        margin: 3px 0 4px !important;
        text-align: center !important;
    }

    .categoria p {
        font-size: 9px !important;
        line-height: 1.2 !important;
        margin: 0 !important;
        text-align: center !important;
        overflow-wrap: anywhere !important;
    }

    .categoria a,
    .categoria button {
        font-size: 9px !important;
        padding: 5px 4px !important;
        margin-top: 6px !important;
        width: 100% !important;
        min-height: 27px !important;
        border-radius: 7px !important;
        white-space: normal !important;
    }

    /* ===== PATROCINADORES =====
       Também 3 lado a lado */
    .area-patrocinadores,
    .patrocinadores,
    .patrocinadores-container,
    .patrocinadores-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
        width: 100% !important;
        max-width: 100% !important;
        align-items: stretch !important;
    }

    .patrocinador,
    .patrocinador-card,
    .patrocinadores .card,
    .patrocinadores-container > * {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 0 !important;
        padding: 7px 4px !important;
        border-radius: 9px !important;
        overflow: hidden !important;
    }

    .patrocinador img,
    .patrocinador-card img,
    .patrocinadores img {
        width: 100% !important;
        max-width: 82px !important;
        height: 55px !important;
        object-fit: contain !important;
        margin: 0 auto 4px !important;
    }

    .patrocinador h3,
    .patrocinador-card h3,
    .patrocinadores h3 {
        font-size: 11px !important;
        line-height: 1.1 !important;
        margin: 3px 0 !important;
        text-align: center !important;
        overflow-wrap: anywhere !important;
    }

    .patrocinador p,
    .patrocinador-card p,
    .patrocinadores p {
        font-size: 8px !important;
        line-height: 1.2 !important;
        margin: 2px 0 !important;
        text-align: center !important;
    }

    .patrocinador a,
    .patrocinador button,
    .patrocinador-card a,
    .patrocinador-card button {
        width: 100% !important;
        min-height: 25px !important;
        padding: 4px 3px !important;
        font-size: 9px !important;
        border-radius: 7px !important;
        white-space: nowrap !important;
    }

    /* Título dos patrocinadores */
    .area-patrocinadores h2,
    .patrocinadores h2,
    section.area-patrocinadores > h2 {
        font-size: 20px !important;
        line-height: 1.1 !important;
        margin: 10px 0 3px !important;
        text-align: center !important;
    }

    .area-patrocinadores > p,
    .patrocinadores > p {
        font-size: 11px !important;
        line-height: 1.25 !important;
        margin: 2px auto 8px !important;
        text-align: center !important;
    }

    /* ===== CARDS DE ANÚNCIOS =====
       Mantém 3 lado a lado também quando aparecerem na home */


    .destaques .anuncio-card,
    .anuncio-card {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 5px !important;
        border-radius: 9px !important;
    }

    .anuncio-card h2,
    .anuncio-card h3 {
        font-size: 11px !important;
        line-height: 1.1 !important;
    }

    .anuncio-card p {
        font-size: 8px !important;
        line-height: 1.15 !important;
    }

    /* ===== HEADER ===== */
    .logo img {
        width: min(210px, 58vw) !important;
        max-height: 50px !important;
    }

    .acoes-header,
    .header-acoes,
    .botoes-header,
    .menu-acoes {
        gap: 5px !important;
    }

    .acoes-header a,
    .acoes-header button,
    .header-acoes a,
    .header-acoes button,
    .botoes-header a,
    .botoes-header button,
    .menu-acoes a,
    .menu-acoes button {
        min-height: 32px !important;
        padding: 6px 9px !important;
        font-size: 11px !important;
    }

    /* ===== BOTÃO "SEJA UM PATROCINADOR" ===== */
    .seja-patrocinador,
    .patrocinador-cta {
        width: 100% !important;
        min-height: 34px !important;
        padding: 7px 8px !important;
        font-size: 11px !important;
        border-radius: 8px !important;
        text-align: center !important;
    }
}


/* ===== style.css — regras responsivas ===== */
@media (max-width: 390px) {
    .categorias,
    .categorias-container,
    .categorias-grid,
    .area-patrocinadores,
    .patrocinadores,
    .patrocinadores-container,
    .patrocinadores-grid,
    .destaques .anuncios-container,
    .anuncios-container {
        gap: 4px !important;
    }

    .categoria {
        padding: 8px 3px !important;
    }

    .categoria img,
    .categoria .icone {
        width: 29px !important;
        height: 29px !important;
    }

    .categoria h3 {
        font-size: 11px !important;
    }

    .categoria p {
        font-size: 8px !important;
    }
}


/* ===== style.css — regras responsivas ===== */
@media (max-width:700px){

    body{
        padding-bottom:64px !important;
        background:#f5f7fa !important;
        overflow-x:hidden !important;
    }

    /* Cabeçalho parecido com o modelo */
    .cabecalho{
        height:auto !important;
        min-height:92px !important;
        padding:8px 10px 6px !important;
        display:grid !important;
        grid-template-columns:1fr auto !important;
        grid-template-rows:auto auto !important;
        gap:5px 7px !important;
        background:#00064d !important;
        border-bottom:0 !important;
    }

    .cabecalho .logo{
        grid-column:1;
        grid-row:1;
        justify-content:flex-start !important;
        min-width:0 !important;
    }

    .cabecalho .logo img{
        width:190px !important;
        max-width:52vw !important;
        height:auto !important;
    }

    .mobile-menu-btn{
        display:flex !important;
        grid-column:2;
        grid-row:1;
        align-items:center !important;
        justify-content:center !important;
        width:34px !important;
        height:34px !important;
        padding:0 !important;
        border:0 !important;
        background:transparent !important;
        color:#fff !important;
        font-size:25px !important;
        line-height:1 !important;
        cursor:pointer !important;
    }

    .cabecalho .acoes-cabecalho{
        grid-column:1 / 3;
        grid-row:2;
        display:grid !important;
        grid-template-columns:100px 1fr !important;
        gap:6px !important;
        width:100% !important;
    }

    .cabecalho .botao-anunciar,
    .cabecalho .botao-conta{
        height:31px !important;
        min-height:31px !important;
        padding:0 8px !important;
        font-size:10px !important;
        border-radius:8px !important;
        box-shadow:none !important;
    }

    .cabecalho .conta-menu{
        min-width:0 !important;
    }

    .cabecalho .botao-conta{
        width:100% !important;
    }

    .cabecalho .menu{
        grid-column:1 / 3;
        grid-row:3;
        display:flex !important;
        width:100% !important;
        height:29px !important;
        justify-content:space-around !important;
        gap:0 !important;
        margin:0 !important;
        overflow:hidden !important;
        border-top:1px solid rgba(255,255,255,.18) !important;
    }

    .cabecalho .menu a{
        color:#fff !important;
        font-size:10px !important;
        padding:5px 9px !important;
    }

    /* Banner compacto */
    .banner{
        height:188px !important;
        min-height:188px !important;
        width:100% !important;
        background-position:center !important;
    }

    .banner-conteudo h1{
        font-size:23px !important;
        line-height:1.05 !important;
        margin:0 14px 8px !important;
    }

    .banner-conteudo p{
        font-size:12px !important;
        line-height:1.2 !important;
        margin:0 20px !important;
    }

    /* Busca sobre o banner */
    .mobile-banner-search{
        display:flex !important;
        position:relative !important;
        z-index:20 !important;
        width:calc(100% - 42px) !important;
        height:38px !important;
        margin:-70px auto 32px !important;
        padding:0 7px 0 10px !important;
        align-items:center !important;
        gap:5px !important;
        border:1px solid rgba(255,255,255,.55) !important;
        border-radius:12px !important;
        background:rgba(30,55,135,.72) !important;
        backdrop-filter:blur(8px) !important;
        box-shadow:0 5px 18px rgba(0,0,0,.22) !important;
    }

    .mobile-search-icon{
        color:#fff !important;
        font-size:22px !important;
        line-height:1 !important;
    }

    .mobile-banner-search input{
        flex:1 !important;
        min-width:0 !important;
        height:32px !important;
        border:0 !important;
        outline:0 !important;
        background:transparent !important;
        color:#fff !important;
        font-size:11px !important;
    }

    .mobile-banner-search input::placeholder{
        color:rgba(255,255,255,.78) !important;
    }

    .mobile-banner-search button{
        width:27px !important;
        height:27px !important;
        border:0 !important;
        border-radius:50% !important;
        background:#1769ff !important;
        color:#fff !important;
        font-size:15px !important;
    }

    /* Seção de categorias */
    .categorias{
        padding:12px 10px 10px !important;
        background:#f5f7fa !important;
    }

    .categorias h2{
        font-size:20px !important;
        margin:0 0 4px !important;
        color:#111827 !important;
    }

    .categorias-subtitulo{
        font-size:10px !important;
        line-height:1.25 !important;
        margin:0 auto 9px !important;
        max-width:85% !important;
    }

    /* 2 x 2 como na imagem */
    .categorias-container{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:6px !important;
        width:100% !important;
    }

    .categoria-card{
        min-width:0 !important;
        min-height:96px !important;
        padding:9px 6px !important;
        border-radius:10px !important;
        box-shadow:0 4px 14px rgba(15,23,42,.07) !important;
    }

    .categoria-icone{
        margin-bottom:3px !important;
    }

    .categoria-card .icone-categoria{
        width:32px !important;
        height:32px !important;
        object-fit:contain !important;
    }

    .categoria-card h3{
        font-size:12px !important;
        line-height:1.1 !important;
        margin:2px 0 3px !important;
    }

    .categoria-card p{
        font-size:8px !important;
        line-height:1.18 !important;
        margin:0 !important;
        color:#64748b !important;
    }

    /* Destaques compactos */
    .destaques{
        padding:12px 10px !important;
    }

    .destaques h2{
        font-size:19px !important;
    }

    .destaques .anuncios-container{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:6px !important;
    }

    .destaques .anuncio-card{
        padding:5px !important;
    }

    .destaques .anuncio-card .anuncio-imagem,
    .destaques .anuncio-card .anuncio-imagem-foto{
        height:82px !important;
        max-height:82px !important;
    }

    /* Patrocinadores em 3 colunas */
    .area-patrocinadores{
        padding:15px 9px 18px !important;
    }

    .area-patrocinadores h2{
        font-size:19px !important;
        margin:0 0 4px !important;
    }

    .area-patrocinadores > p{
        font-size:10px !important;
        line-height:1.2 !important;
        margin:0 auto 10px !important;
    }

    .patrocinadores-container{
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:5px !important;
    }

    .patrocinador-card{
        height:82px !important;
        min-width:0 !important;
        padding:5px 3px !important;
        border:1.5px dashed #cbd5e1 !important;
        border-radius:9px !important;
        font-size:9px !important;
    }

    /* Rodapé */
    .rodape{
        padding:12px 6px !important;
        font-size:9px !important;
    }

    /* Barra inferior */
    .mobile-bottom-nav{
        position:fixed !important;
        display:grid !important;
        grid-template-columns:repeat(5,1fr) !important;
        left:0 !important;
        right:0 !important;
        bottom:0 !important;
        height:61px !important;
        z-index:999999 !important;
        background:#00083f !important;
        border-top:1px solid rgba(255,255,255,.12) !important;
        box-shadow:0 -4px 18px rgba(0,0,0,.2) !important;
        padding:4px 4px 3px !important;
    }

    .mobile-nav-item{
        min-width:0 !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:1px !important;
        color:#dbeafe !important;
        text-decoration:none !important;
        font-size:8px !important;
        font-weight:600 !important;
    }

    .mobile-nav-item.ativo{
        color:#1769ff !important;
    }

    .mobile-nav-icon{
        font-size:18px !important;
        line-height:19px !important;
    }

    .mobile-nav-anunciar{
        width:48px !important;
        height:48px !important;
        margin:-15px auto 0 !important;
        border-radius:50% !important;
        background:#1769ff !important;
        color:#fff !important;
        box-shadow:0 4px 14px rgba(23,105,255,.5) !important;
        font-size:8px !important;
    }

    .mobile-nav-anunciar > span{
        font-size:29px !important;
        line-height:25px !important;
        font-weight:300 !important;
    }

    .mobile-nav-anunciar small{
        font-size:8px !important;
    }
}


/* ===== style.css — regras responsivas ===== */



/* ===== style.css — regras responsivas ===== */



/* ===== style.css — regras responsivas ===== */
@media (max-width:700px){
    body{
        padding-bottom:61px !important;
        overflow-x:hidden !important;
        background:#f5f7fa !important;
    }

    .cabecalho{
        width:100% !important;
        min-height:125px !important;
        padding:7px 12px 0 !important;
        display:grid !important;
        grid-template-columns:1fr 32px !important;
        grid-template-rows:46px 34px 32px !important;
        gap:4px 6px !important;
        background:#00064d !important;
        overflow:visible !important;
    }

    .cabecalho .logo{
        grid-column:1 !important;
        grid-row:1 !important;
        justify-content:flex-start !important;
        align-items:center !important;
    }
    .cabecalho .logo img{
        width:190px !important;
        max-width:100% !important;
        max-height:43px !important;
    }

    .mobile-menu-btn{
        display:flex !important;
        grid-column:2 !important;
        grid-row:1 !important;
        align-items:center !important;
        justify-content:center !important;
        width:32px !important;
        height:32px !important;
        border:0 !important;
        background:transparent !important;
        color:#fff !important;
        font-size:24px !important;
        padding:0 !important;
    }

    .cabecalho .acoes-cabecalho{
        grid-column:1 / 3 !important;
        grid-row:2 !important;
        display:grid !important;
        grid-template-columns:100px 1fr !important;
        gap:6px !important;
        width:100% !important;
    }
    .cabecalho .botao-anunciar,
    .cabecalho .botao-conta{
        width:100% !important;
        height:32px !important;
        min-height:32px !important;
        padding:0 7px !important;
        border-radius:8px !important;
        font-size:10px !important;
        white-space:nowrap !important;
    }

    .cabecalho .menu{
        grid-column:1 / 3 !important;
        grid-row:3 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:space-around !important;
        gap:0 !important;
        width:100% !important;
        height:32px !important;
        overflow:hidden !important;
        border-top:1px solid rgba(255,255,255,.18) !important;
    }
    .cabecalho .menu a{
        color:#fff !important;
        font-size:10px !important;
        padding:6px 7px !important;
        white-space:nowrap !important;
    }

    .banner{
        width:100% !important;
        height:188px !important;
        min-height:188px !important;
        max-height:188px !important;
        overflow:hidden !important;
    }
    .banner-conteudo h1{
        font-size:23px !important;
        line-height:1.04 !important;
        margin:0 15px 7px !important;
    }
    .banner-conteudo p{
        font-size:12px !important;
        line-height:1.2 !important;
    }

    .banner-busca{
        width: calc(100% - 40px) !important;
        height: 39px !important;
        margin: -48px auto 29px !important;
        padding-left: 10px !important;
        gap: 5px !important;
        border-radius: 21px !important;
    }
    .banner-busca-icone{
        font-size:20px !important;
    }
    .banner-busca input{
        height:31px !important;
        font-size:11px !important;
    }
    .banner-busca button{
        width:29px !important;
        height:29px !important;
        flex-basis:29px !important;
        font-size:16px !important;
    }

    .categorias{
        padding:10px 10px 12px !important;
    }
    .categorias h2{
        font-size:20px !important;
        margin:0 0 4px !important;
    }
    .categorias-subtitulo{
        font-size:10px !important;
        line-height:1.2 !important;
        margin:0 auto 9px !important;
    }
    .categorias-container{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:6px !important;
    }
    .categoria-card{
        min-width:0 !important;
        min-height:96px !important;
        padding:9px 6px !important;
        border-radius:10px !important;
    }
    .categoria-card .icone-categoria{
        width:32px !important;
        height:32px !important;
    }
    .categoria-card h3{
        font-size:12px !important;
        margin:3px 0 !important;
    }
    .categoria-card p{
        font-size:8px !important;
        line-height:1.15 !important;
    }

    .destaques{
        padding:10px !important;
    }
    .destaques h2{
        font-size:19px !important;
    }
    .destaques .anuncios-container{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:6px !important;
    }

    .area-patrocinadores{
        padding:12px 9px 15px !important;
    }
    .area-patrocinadores h2{
        font-size:19px !important;
        margin:0 0 3px !important;
    }
    .area-patrocinadores > p{
        font-size:10px !important;
        margin:0 auto 9px !important;
    }
    .patrocinadores-container{
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:5px !important;
    }
    .patrocinador-card{
            min-width: 0 !important;
            height: 60px !important;
            padding: 7px 3px !important;
            border-radius: 9px !important;
            font-size: 9px !important;
    }

    /* Rodapé colado na barra inferior */
    .rodape{
        margin-bottom:0 !important;
        padding:11px 5px !important;
        min-height:42px !important;
        font-size:9px !important;
        margin-top: 69px !important;

    }

    .mobile-bottom-nav{
        display:grid !important;
        position:fixed !important;
        left:0 !important;
        right:0 !important;
        bottom:0 !important;
        width:100% !important;
        height:61px !important;
        margin:0 !important;
        padding:3px 4px !important;
        grid-template-columns:repeat(5,1fr) !important;
        background:#00083f !important;
        z-index:999999 !important;
        border-top:1px solid rgba(255,255,255,.12) !important;
    }

    .mobile-nav-item{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:1px !important;
        min-width:0 !important;
        color:#dbeafe !important;
        text-decoration:none !important;
        font-size:8px !important;
    }
    .mobile-nav-item.ativo{
        color:#1769ff !important;
    }
    .mobile-nav-icon{
        font-size:18px !important;
        line-height:18px !important;
    }
    .mobile-nav-anunciar{
        width:48px !important;
        height:48px !important;
        margin:-13px auto 0 !important;
        border-radius:50% !important;
        background:#1769ff !important;
        color:#fff !important;
        box-shadow:0 4px 14px rgba(23,105,255,.45) !important;
    }
    .mobile-nav-anunciar > span{
        font-size:29px !important;
        line-height:25px !important;
    }
    .mobile-nav-anunciar small{
        font-size:8px !important;
    }
}


/* ===== style.css — regras responsivas ===== */
@media (max-width:390px){
    .cabecalho .logo img{
        width:175px !important;
    }
    .cabecalho .acoes-cabecalho{
        grid-template-columns:94px 1fr !important;
    }
    .cabecalho .botao-anunciar,
    .cabecalho .botao-conta{
        font-size:9px !important;
    }
}


/* ===== style.css — regras responsivas ===== */
@media (max-width:700px){

    .cabecalho{
        width:100vw !important;
        max-width:none !important;
        min-height:139px !important;
        height:auto !important;
        margin:0 !important;
        padding:8px 12px 0 !important;
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 38px !important;
        grid-template-rows:54px 38px 34px !important;
        gap:4px 7px !important;
        background:#00064d !important;
        overflow:visible !important;
    }

    /* Logo maior, como no modelo enviado */
    .cabecalho .logo{
        grid-column:1 !important;
        grid-row:1 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        width:100% !important;
        min-width:0 !important;
    }

    .cabecalho .logo img{
        display:block !important;
        width:220px !important;
        max-width:70vw !important;
        height:auto !important;
        max-height:48px !important;
        object-fit:contain !important;
    }

    /* Hambúrguer maior e alinhado no topo */
    .mobile-menu-btn{
        display:flex !important;
        grid-column:2 !important;
        grid-row:1 !important;
        width:38px !important;
        height:38px !important;
        margin:0 !important;
        padding:0 !important;
        align-items:center !important;
        justify-content:center !important;
        background:transparent !important;
        border:0 !important;
        color:#fff !important;
        font-size:27px !important;
        line-height:1 !important;
    }

    /* Botões iguais ao modelo: Anunciar + Conta */
    .cabecalho .acoes-cabecalho{
        grid-column:1 / 3 !important;
        grid-row:2 !important;
        width:100% !important;
        height:38px !important;
        display:grid !important;
        grid-template-columns:104px minmax(0,1fr) !important;
        gap:6px !important;
        margin:0 !important;
    }

    .cabecalho .botao-anunciar,
    .cabecalho .botao-conta{
        width:100% !important;
        height:38px !important;
        min-height:38px !important;
        max-height:38px !important;
        margin:0 !important;
        padding:0 8px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        border-radius:8px !important;
        font-size:11px !important;
        font-weight:800 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
    }

    /* Menu inferior do cabeçalho */
    .cabecalho .menu{
        grid-column:1 / 3 !important;
        grid-row:3 !important;
        width:100% !important;
        height:34px !important;
        min-height:34px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:space-around !important;
        gap:0 !important;
        margin:0 !important;
        padding:0 !important;
        overflow:hidden !important;
        border-top:1px solid rgba(255,255,255,.18) !important;
    }

    .cabecalho .menu a{
        height:34px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        padding:0 8px !important;
        margin:0 !important;
        color:#fff !important;
        font-size:10px !important;
        font-weight:700 !important;
        white-space:nowrap !important;
    }

    /* Evita o cabeçalho ficar espremido por containers antigos */
    header.cabecalho > .logo,
    header.cabecalho > .mobile-menu-btn,
    header.cabecalho > .acoes-cabecalho,
    header.cabecalho > .menu{
        max-width:none !important;
    }
}


/* ===== style.css — regras responsivas ===== */
@media (max-width:390px){
    .cabecalho .logo img{
        width:205px !important;
        max-width:67vw !important;
    }

    .cabecalho .acoes-cabecalho{
        grid-template-columns:96px minmax(0,1fr) !important;
    }

    .cabecalho .botao-anunciar,
    .cabecalho .botao-conta{
        font-size:10px !important;
    }
}


/* =========================================================
   AJUSTE FINAL — MOBILE
   ========================================================= */

@media (max-width: 700px) {

    html, body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    /* RESULTADOS / ANÚNCIOS: 2 LADO A LADO */
    .cards,
    .resultados-grid,
    .anuncios-container,
    .cards-container,
    .lista-anuncios,
    .destaques .anuncios-container {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .cards .card,
    .resultado-card,
    .anuncio-card,
    .card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* CABEÇALHO */
    .cabecalho {
        width: 100% !important;
        height: auto !important;
        min-height: 110px !important;
        padding: 8px 9px 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 5px !important;
    }

    .cabecalho .logo {
        margin: 0 auto 0 8px !important;
        font-size: 18px !important;
    }

    .cabecalho .acoes-cabecalho {
        order: 2 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 6px !important;
    }

    .cabecalho .botao-anunciar {
        width: 100px !important;
        min-width: 100px !important;
        height: 30px !important;
        min-height: 30px !important;
        padding: 0 8px !important;
        font-size: 10px !important;
        border-radius: 8px !important;
        flex: 0 0 auto !important;
    }

    .cabecalho .botao-conta {
        width: 165px !important;
        min-width: 165px !important;
        height: 30px !important;
        min-height: 30px !important;
        padding: 0 8px !important;
        font-size: 10px !important;
        border-radius: 8px !important;
        flex: 0 0 auto !important;
    }

    .cabecalho .menu {
        order: 3 !important;
        width: 100% !important;
        height: 28px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        justify-content: space-around !important;
        align-items: center !important;
        gap: 0 !important;
    }

    .cabecalho .menu a {
        font-size: 10px !important;
        padding: 5px 0 !important;
        margin: 0 !important;
    }

    .cabecalho .menu-inicio {
        margin: 0 !important;
    }
}


/* =========================================================
   CORREÇÃO FINAL — CABEÇALHO MOBILE LOP DIVULGAÇÕES
   Logo centralizado + menu no canto superior direito
   + botões organizados abaixo
   ========================================================= */

@media (max-width: 700px) {

    .cabecalho {
        width: 100% !important;
        min-height: 125px !important;
        height: auto !important;
        padding: 7px 12px 0 !important;

        display: grid !important;
        grid-template-columns: 1fr 42px !important;
        grid-template-rows: 52px 36px 32px !important;

        gap: 4px 6px !important;
        align-items: center !important;
        background: #00064d !important;
        overflow: visible !important;
        position: relative !important;
        box-sizing: border-box !important;
    }

    /* LOGO — CENTRALIZADO NO TOPO */
    .cabecalho .logo {
        grid-column: 1 / 3 !important;
        grid-row: 1 !important;

        width: 100% !important;
        height: 52px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;
        min-width: 0 !important;
    }

    .cabecalho .logo img {
        width: min(230px, 62vw) !important;
        max-width: 230px !important;
        max-height: 46px !important;
        height: auto !important;
        object-fit: contain !important;
        margin: 0 auto !important;
    }

    /* TRÊS PONTINHOS / MENU — CANTO SUPERIOR DIREITO */
    .cabecalho .mobile-menu-btn {
        display: flex !important;

        grid-column: 2 !important;
        grid-row: 1 !important;

        width: 36px !important;
        height: 36px !important;

        margin: 0 0 0 auto !important;
        padding: 0 !important;

        align-items: center !important;
        justify-content: center !important;

        border: 0 !important;
        background: transparent !important;
        color: #fff !important;

        font-size: 27px !important;
        line-height: 1 !important;
        z-index: 20 !important;
    }

    /* BOTÕES — CENTRALIZADOS JUNTOS */
    .cabecalho .acoes-cabecalho {
        grid-column: 1 / 3 !important;
        grid-row: 2 !important;

        width: 100% !important;
        height: 36px !important;

        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 7px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .cabecalho .botao-anunciar {
        width: 100px !important;
        min-width: 100px !important;
        height: 32px !important;
        min-height: 32px !important;

        padding: 0 8px !important;
        margin: 0 !important;

        font-size: 10px !important;
        border-radius: 8px !important;
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }

    .cabecalho .botao-conta {
        width: 165px !important;
        min-width: 165px !important;
        height: 32px !important;
        min-height: 32px !important;

        padding: 0 8px !important;
        margin: 0 !important;

        font-size: 10px !important;
        border-radius: 8px !important;
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }

    /* MENU DE NAVEGAÇÃO — ÚLTIMA LINHA */
    .cabecalho .menu,
    .cabecalho .menu.menu-inicio {
        grid-column: 1 / 3 !important;
        grid-row: 3 !important;

        width: 100% !important;
        height: 32px !important;
        min-height: 32px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-around !important;

        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
        border-top: 1px solid rgba(255,255,255,.18) !important;
    }

    .cabecalho .menu a {
        flex: 0 0 auto !important;
        color: #fff !important;
        font-size: 10px !important;
        font-weight: 700 !important;

        padding: 6px 7px !important;
        margin: 0 !important;
        white-space: nowrap !important;
    }

    .cabecalho .menu a.ativo {
        color: #fff !important;
    }
}

/* Telas muito pequenas */
@media (max-width: 390px) {

    .cabecalho .logo img {
        width: min(210px, 60vw) !important;
    }

    .cabecalho .botao-anunciar {
        width: 94px !important;
        min-width: 94px !important;
    }

    .cabecalho .botao-conta {
        width: 155px !important;
        min-width: 155px !important;
    }

    .cabecalho .menu a {
        font-size: 9px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
/* CORREÇÃO FINAL — LOCALIZAÇÃO PEQUENA */
.localizacao-com-icone{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    width:auto!important;
    max-width:100%!important;
    margin:5px 8px!important;
    padding:0!important;
}
.localizacao-com-icone .icone-localizacao,
.anuncio-card .localizacao-com-icone img,
.icone-localizacao{
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
    max-width:15px!important;
    min-height:15px!important;
    max-height:15px!important;
    object-fit:contain!important;
    display:block!important;
    flex:0 0 15px!important;
}
.anuncio-card .localizacao-com-icone strong{
    font-size:11px!important;
    line-height:1.2!important;
}
@media (max-width:700px){
    .mobile-bottom-nav{display:none!important}
}


/* =========================================================
   NAVEGAÇÃO MOBILE — NÃO APARECE NO PC
   ========================================================= */
@media (max-width: 800px) {
    .mobile-top-nav {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        width: 100% !important;
        min-height: 48px !important;
        margin: 0 !important;
        padding: 3px 5px !important;
        gap: 3px !important;
        background: #00083f !important;
        border-top: 1px solid rgba(255,255,255,.08) !important;
        border-bottom: 1px solid rgba(255,255,255,.08) !important;
        box-sizing: border-box !important;
    }

    .mobile-top-item {
        min-width: 0 !important;
        height: 42px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important;
        color: #dbeafe !important;
        text-decoration: none !important;
        font-size: 8px !important;
        font-weight: 700 !important;
        border-radius: 8px !important;
    }

    .mobile-top-item.ativo {
        color: #fff !important;
        background: rgba(23,105,255,.2) !important;
    }

    .mobile-top-item.top-anunciar {
        background: #1769ff !important;
        color: #fff !important;
        border-radius: 8px !important;
        box-shadow: 0 3px 10px rgba(23,105,255,.35) !important;
    }

    .top-icon,
    .top-plus {
        line-height: 1 !important;
        font-size: 16px !important;
    }
}


/* =========================================================
   LOP DIVULGAÇÕES — MOBILE FINAL
   APENAS CELULAR — NÃO ALTERA O PC
   ========================================================= */
@media (max-width:700px){

    html, body{
        width:100% !important;
        max-width:100% !important;
        overflow-x:hidden !important;
    }

    body{
        padding-bottom:66px !important;
        background:#f5f7fa !important;
    }

    /* ---------- CABEÇALHO ---------- */
    .cabecalho{
        width:100% !important;
        min-height:139px !important;
        height:auto !important;
        padding:7px 10px 0 !important;
        display:grid !important;
        grid-template-columns:1fr 40px !important;
        grid-template-rows:52px 40px 39px !important;
        gap:0 !important;
        background:#00064d !important;
        border-bottom:1px solid rgba(91,192,255,.55) !important;
        box-sizing:border-box !important;
        overflow:visible !important;
    }

    /* Logo no centro */
    .cabecalho .logo{
        grid-column:1 / 3 !important;
        grid-row:1 !important;
        width:100% !important;
        height:52px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        margin:0 !important;
        padding:0 !important;
    }

    .cabecalho .logo img{
        display:block !important;
        width:min(225px,64vw) !important;
        max-width:225px !important;
        max-height:44px !important;
        height:auto !important;
        object-fit:contain !important;
        margin:0 auto !important;
    }

    /* Menu no canto superior direito */
    .cabecalho .mobile-menu-btn{
        grid-column:2 !important;
        grid-row:1 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:36px !important;
        height:36px !important;
        margin:0 0 0 auto !important;
        padding:0 !important;
        border:0 !important;
        background:transparent !important;
        color:#fff !important;
        font-size:25px !important;
        line-height:1 !important;
        z-index:20 !important;
    }

    /* Botões Anunciar + Perfil */
    .cabecalho .acoes-cabecalho{
        grid-column:1 / 3 !important;
        grid-row:2 !important;
        width:100% !important;
        height:40px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:7px !important;
        margin:0 !important;
        padding:0 !important;
    }

    .cabecalho .botao-anunciar{
        width:100px !important;
        min-width:100px !important;
        height:30px !important;
        min-height:30px !important;
        padding:0 8px !important;
        margin:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        border-radius:8px !important;
        font-size:10px !important;
        font-weight:800 !important;
        white-space:nowrap !important;
        box-sizing:border-box !important;
    }

    .cabecalho .botao-conta{
        width:165px !important;
        min-width:165px !important;
        height:30px !important;
        min-height:30px !important;
        padding:0 8px !important;
        margin:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        border-radius:8px !important;
        font-size:10px !important;
        font-weight:800 !important;
        white-space:nowrap !important;
        box-sizing:border-box !important;
    }

    /* Menu superior: Início / Categorias / Destaques / Contato */
    .cabecalho .menu,
    .cabecalho .menu.menu-inicio{
        grid-column:1 / 3 !important;
        grid-row:3 !important;
        width:100% !important;
        height:39px !important;
        min-height:39px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:space-around !important;
        gap:0 !important;
        margin:0 !important;
        padding:0 3px !important;
        border-top:1px solid rgba(255,255,255,.16) !important;
        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    .cabecalho .menu a{
        flex:1 1 25% !important;
        width:auto !important;
        height:39px !important;
        min-width:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        padding:0 3px !important;
        margin:0 !important;
        color:#fff !important;
        font-size:10px !important;
        font-weight:700 !important;
        white-space:nowrap !important;
        position:relative !important;
    }

    .cabecalho .menu a.ativo{
        color:#fff !important;
    }

    .cabecalho .menu a.ativo::after{
        content:"" !important;
        position:absolute !important;
        left:24% !important;
        right:24% !important;
        bottom:3px !important;
        height:2px !important;
        background:#198cff !important;
        border-radius:99px !important;
        transform:none !important;
        box-shadow:0 0 8px rgba(25,140,255,.8) !important;
    }

    /* ---------- BANNER ---------- */
    .banner{
        width:100% !important;
        max-width:100% !important;
        height:188px !important;
        min-height:188px !important;
        margin:0 !important;
        padding:0 18px !important;
        background-size:cover !important;
        background-position:center !important;
        display:flex !important;
        align-items:flex-start !important;
        justify-content:center !important;
        box-sizing:border-box !important;
    }

    .banner-conteudo{
        width:100% !important;
        padding-top:28px !important;
        text-align:center !important;
    }

    .banner h1{
        max-width:310px !important;
        margin:0 auto 9px !important;
        font-size:21px !important;
        line-height:1.02 !important;
        font-weight:800 !important;
        text-shadow:0 2px 5px rgba(0,0,0,.45) !important;
    }

    .banner p{
        max-width:285px !important;
        margin:0 auto !important;
        font-size:12px !important;
        line-height:1.25 !important;
        color:#fff !important;
    }

    /* Busca sobre o banner */
    .banner-busca{
        width:calc(100% - 40px) !important;
        max-width:320px !important;
        height:38px !important;
        margin:-55px auto 14px !important;
        padding:0 11px !important;
        display:flex !important;
        align-items:center !important;
        border-radius:11px !important;
        background:rgba(25,64,145,.72) !important;
        border:1px solid rgba(255,255,255,.5) !important;
        box-shadow:0 6px 18px rgba(0,0,0,.2) !important;
        position:relative !important;
        z-index:5 !important;
        box-sizing:border-box !important;
    }

    .banner-busca input{
        min-width:0 !important;
        font-size:10px !important;
        color:#fff !important;
        background:transparent !important;
    }

    .banner-busca input::placeholder{
        color:rgba(255,255,255,.75) !important;
    }

    .banner-busca-icone{
        font-size:17px !important;
        color:#fff !important;
        margin-right:6px !important;
    }

    .banner-busca button{
        width:24px !important;
        min-width:24px !important;
        height:24px !important;
        font-size:15px !important;
    }

    /* ---------- CATEGORIAS DA HOME ---------- */
    main.wrap{
        width:100% !important;
        max-width:100% !important;
        padding-left:10px !important;
        padding-right:10px !important;
        box-sizing:border-box !important;
    }

    .categorias,
    .categorias-container{
        width:100% !important;
        max-width:100% !important;
    }

    .categorias-container{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;
    }

    .categoria{
        width:100% !important;
        min-width:0 !important;
        min-height:96px !important;
        padding:12px 7px !important;
        border-radius:10px !important;
        box-sizing:border-box !important;
    }

    .categoria .icone-categoria,
    .categoria img{
        width:32px !important;
        height:32px !important;
        max-width:32px !important;
        max-height:32px !important;
        margin-bottom:4px !important;
        object-fit:contain !important;
    }

    .categoria h3{
        font-size:13px !important;
        margin:3px 0 4px !important;
    }

    .categoria p{
        font-size:9px !important;
        line-height:1.18 !important;
        margin:0 !important;
    }

    /* ---------- CARDS / RESULTADOS: 2 POR LINHA ---------- */
    .cards,
    .resultados-grid,
    .anuncios-container,
    .cards-container,
    .lista-anuncios,
    .destaques .anuncios-container,
    .grade-resultados{
        width:100% !important;
        max-width:100% !important;
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:9px !important;
    }

    .cards .card,
    .resultado-card,
    .anuncio-card,
    .card{
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }

    /* Premium fica preso ao card e pequeno */
    .card .premium,
    .anuncio-card .premium,
    .premium{
        position:relative !important;
        display:inline-flex !important;
        width:max-content !important;
        max-width:max-content !important;
        min-width:0 !important;
        height:20px !important;
        padding:2px 7px !important;
        margin:0 0 5px !important;
        font-size:9px !important;
        line-height:16px !important;
        border-radius:8px !important;
        box-sizing:border-box !important;
    }

    /* Localização pequena */
    .localizacao-com-icone{
        width:auto !important;
        max-width:100% !important;
        display:flex !important;
        align-items:center !important;
        gap:4px !important;
        margin:4px 0 !important;
        padding:0 !important;
    }

    .localizacao-com-icone .icone-localizacao,
    .anuncio-card .localizacao-com-icone img,
    .icone-localizacao{
        width:14px !important;
        height:14px !important;
        min-width:14px !important;
        max-width:14px !important;
        min-height:14px !important;
        max-height:14px !important;
    }

    /* ---------- BARRA INFERIOR MOBILE ---------- */
    .mobile-bottom-nav{
        display:grid !important;
        position:fixed !important;
        left:0 !important;
        right:0 !important;
        bottom:0 !important;
        width:100% !important;
        height:62px !important;
        margin:0 !important;
        padding:3px 5px !important;
        grid-template-columns:repeat(5,minmax(0,1fr)) !important;
        background:#00083f !important;
        border-top:1px solid rgba(255,255,255,.15) !important;
        box-shadow:0 -5px 18px rgba(0,0,0,.28) !important;
        z-index:999999 !important;
        box-sizing:border-box !important;
    }

    .mobile-nav-item{
        min-width:0 !important;
        height:56px !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:2px !important;
        color:#dbeafe !important;
        text-decoration:none !important;
        font-size:8px !important;
        font-weight:600 !important;
        position:relative !important;
    }

    .mobile-nav-item.ativo{
        color:#1769ff !important;
    }

    .mobile-nav-icon{
        font-size:18px !important;
        line-height:19px !important;
    }

    .mobile-nav-anunciar{
        width:48px !important;
        height:48px !important;
        margin:-13px auto 0 !important;
        border-radius:50% !important;
        background:#1769ff !important;
        color:#fff !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        box-shadow:0 4px 16px rgba(23,105,255,.55) !important;
    }

    .mobile-nav-anunciar > span{
        font-size:29px !important;
        line-height:29px !important;
    }

    .mobile-nav-anunciar small{
        position:absolute !important;
        top:42px !important;
        font-size:8px !important;
        color:#fff !important;
    }

}

/* celulares pequenos */
@media (max-width:390px){
    .cabecalho .logo img{
        width:min(210px,62vw) !important;
    }

    .cabecalho .botao-anunciar{
        width:94px !important;
        min-width:94px !important;
    }

    .cabecalho .botao-conta{
        width:155px !important;
        min-width:155px !important;
    }

    .banner{
        height:185px !important;
        min-height:185px !important;
    }

    .banner h1{
        font-size:20px !important;
    }
}


/* ============================================================
   LOP DIVULGAÇÕES — AJUSTE FINAL MOBILE
   SOMENTE @media <= 700px
   PC NÃO É ALTERADO
   ============================================================ */
@media (max-width:700px){

  html,body{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }

  body{
    padding-bottom:62px!important;
    background:#f5f7fa!important;
    font-family:Arial,sans-serif!important;
  }

  /* ================= HEADER ================= */
  .cabecalho{
    width:100%!important;
    min-height:139px!important;
    height:139px!important;
    padding:6px 10px 0!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:1fr 38px!important;
    grid-template-rows:52px 42px 39px!important;
    gap:0!important;
    background:#00064d!important;
    border:0!important;
    border-bottom:1px solid rgba(80,180,255,.55)!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    position:relative!important;
    z-index:1000!important;
  }

  .cabecalho .logo{
    grid-column:1/3!important;
    grid-row:1!important;
    width:100%!important;
    height:52px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }

  .cabecalho .logo img{
    width:min(225px,64vw)!important;
    max-width:225px!important;
    max-height:43px!important;
    width:auto!important;
    height:auto!important;
    object-fit:contain!important;
    display:block!important;
    margin:0 auto!important;
  }

  .cabecalho .mobile-menu-btn{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    width:36px!important;
    height:36px!important;
    margin:0 0 0 auto!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    color:#fff!important;
    font-size:26px!important;
    line-height:1!important;
    z-index:20!important;
  }

  .cabecalho .acoes-cabecalho{
    grid-column:1/3!important;
    grid-row:2!important;
    width:100%!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    box-sizing:border-box!important;
  }

  .cabecalho .botao-anunciar,
  .cabecalho .botao-conta{
    height:30px!important;
    min-height:30px!important;
    margin:0!important;
    padding:0 8px!important;
    border-radius:8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    box-sizing:border-box!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .cabecalho .botao-anunciar{
    width:100px!important;
    min-width:100px!important;
  }

  .cabecalho .botao-conta{
    width:165px!important;
    min-width:165px!important;
  }

  /* menu de conta: fechado de verdade; aberto continua pequeno */
  .cabecalho .conta-menu{
    position:relative!important;
    overflow:visible!important;
  }

  .cabecalho .menu-conta-dropdown{
    position:absolute!important;
    top:calc(100% + 7px)!important;
    right:0!important;
    left:auto!important;
    width:235px!important;
    max-width:calc(100vw - 20px)!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:6px!important;
    display:none!important;
    flex-direction:column!important;
    background:#fff!important;
    border:1px solid #e5e7eb!important;
    border-radius:12px!important;
    box-shadow:0 14px 35px rgba(0,0,0,.25)!important;
    overflow:hidden!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    z-index:999999!important;
  }

  .cabecalho .menu-conta-dropdown.aberto{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  .cabecalho .menu-conta-dropdown a,
  .cabecalho .menu-conta-dropdown button{
    width:100%!important;
    min-height:40px!important;
    height:40px!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    padding:7px 10px!important;
    margin:0!important;
    color:#222!important;
    background:transparent!important;
    border:0!important;
    border-radius:8px!important;
    font-size:13px!important;
    font-weight:700!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }

  .cabecalho .menu-conta-dropdown img{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    max-width:20px!important;
    min-height:20px!important;
    max-height:20px!important;
    object-fit:contain!important;
    display:block!important;
    flex:0 0 20px!important;
  }

  .cabecalho .menu-conta-dropdown span{
    width:auto!important;
    height:auto!important;
    display:inline!important;
    margin:0!important;
  }

  /* menu superior */
  .cabecalho .menu,
  .cabecalho .menu.menu-inicio{
    grid-column:1/3!important;
    grid-row:3!important;
    width:100%!important;
    height:39px!important;
    min-height:39px!important;
    margin:0!important;
    padding:0 2px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-around!important;
    gap:0!important;
    border-top:1px solid rgba(255,255,255,.15)!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  .cabecalho .menu a{
    width:auto!important;
    min-width:0!important;
    height:39px!important;
    flex:1 1 25%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 2px!important;
    margin:0!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:700!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    position:relative!important;
    box-sizing:border-box!important;
  }

  .cabecalho .menu a.ativo{
    color:#fff!important;
  }

  .cabecalho .menu a.ativo::after{
    content:""!important;
    position:absolute!important;
    left:27%!important;
    right:27%!important;
    bottom:3px!important;
    width:auto!important;
    height:2px!important;
    margin:0!important;
    background:#168cff!important;
    border-radius:99px!important;
    box-shadow:0 0 9px rgba(22,140,255,.8)!important;
    transform:none!important;
  }

  /* ================= BANNER ================= */
  .banner{
    width:100%!important;
    height:190px!important;
    min-height:190px!important;
    max-height:190px!important;
    margin:0!important;
    padding:0!important;
    background-size:cover!important;
    background-position:center center!important;
    position:relative!important;
    display:block!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  .banner-conteudo{
    width:100%!important;
    max-width:330px!important;
    margin:0 auto!important;
    padding:28px 12px 0!important;
    text-align:center!important;
    box-sizing:border-box!important;
    position:relative!important;
    z-index:2!important;
  }

  .banner-conteudo h1,
  .banner h1{
    width:100%!important;
    max-width:310px!important;
    margin:0 auto 9px!important;
    padding:0!important;
    color:#fff!important;
    font-family:Arial,sans-serif!important;
    font-size:21px!important;
    line-height:1.03!important;
    font-weight:800!important;
    text-align:center!important;
    text-shadow:0 2px 6px rgba(0,0,0,.55)!important;
  }

  .banner-conteudo p,
  .banner p{
    width:100%!important;
    max-width:290px!important;
    margin:0 auto!important;
    padding:0!important;
    color:#fff!important;
    font-family:Arial,sans-serif!important;
    font-size:12px!important;
    line-height:1.25!important;
    text-align:center!important;
    text-shadow:0 1px 4px rgba(0,0,0,.5)!important;
  }

  .banner-busca{
    width:calc(100% - 80px)!important;
    max-width:320px!important;
    height:38px!important;
    min-height:38px!important;
    margin:-1px auto 14px!important;
    padding:0 9px!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    background:rgba(35,76,153,.78)!important;
    border:1px solid rgba(255,255,255,.5)!important;
    border-radius:10px!important;
    box-shadow:0 6px 16px rgba(0,0,0,.25)!important;
    position:relative!important;
    z-index:20!important;
    box-sizing:border-box!important;
  }

  .banner-busca .banner-busca-icone{
    flex:0 0 auto!important;
    font-size:16px!important;
    color:#fff!important;
  }

  .banner-busca input{
    width:100%!important;
    min-width:0!important;
    height:30px!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#fff!important;
    font-size:10px!important;
    box-sizing:border-box!important;
  }

  .banner-busca input::placeholder{
    color:rgba(255,255,255,.78)!important;
  }

  .banner-busca button{
    width:25px!important;
    min-width:25px!important;
    height:25px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:14px!important;
    border-radius:5px!important;
  }

  /* ================= CATEGORIAS HOME ================= */
  .categorias{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:5px 10px 18px!important;
    box-sizing:border-box!important;
  }

  .categorias h2{
    margin:0 0 7px!important;
    padding:0!important;
    color:#101828!important;
    font-family:Arial,sans-serif!important;
    font-size:21px!important;
    line-height:1.1!important;
    font-weight:800!important;
    text-align:center!important;
  }

  .categorias h2::after{
    content:""!important;
    display:block!important;
    width:34px!important;
    height:3px!important;
    margin:7px auto 7px!important;
    background:#168cff!important;
    border-radius:99px!important;
  }

  .categorias-subtitulo{
    margin:0 auto 10px!important;
    max-width:320px!important;
    color:#667085!important;
    font-size:10px!important;
    line-height:1.25!important;
    text-align:center!important;
  }

  .categorias-container{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .categoria-card,
  .categorias .categoria-card{
    width:100%!important;
    min-width:0!important;
    min-height:96px!important;
    height:96px!important;
    margin:0!important;
    padding:9px 6px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    background:#fff!important;
    border-radius:10px!important;
    box-shadow:0 4px 14px rgba(15,23,42,.07)!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  .categoria-card .categoria-icone,
  .categoria-card .categoria-icone img,
  .categoria-card img.icone-categoria{
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
    max-width:31px!important;
    min-height:31px!important;
    max-height:31px!important;
    margin:0 auto 3px!important;
    padding:0!important;
    object-fit:contain!important;
    display:block!important;
  }

  .categoria-card h3{
    margin:1px 0 3px!important;
    padding:0!important;
    color:#111827!important;
    font-size:13px!important;
    line-height:1.05!important;
    font-weight:800!important;
  }

  .categoria-card p{
    margin:0!important;
    padding:0!important;
    max-width:135px!important;
    color:#667085!important;
    font-size:8.5px!important;
    line-height:1.15!important;
  }

  /* ================= DESTAQUES ================= */
  .destaques{
    width:100%!important;
    max-width:100%!important;
    padding-left:10px!important;
    padding-right:10px!important;
    box-sizing:border-box!important;
  }

  .destaques .anuncios-container,
  .anuncios-container,
  .cards,
  .resultados-grid,
  .grade-resultados{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    box-sizing:border-box!important;
  }

  .destaques .anuncio-card,
  .anuncio-card,
  .card,
  .resultado-card{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    height:auto!important;
    box-sizing:border-box!important;
  }

  .anuncio-card img.anuncio-imagem-foto,
  .anuncio-card .anuncio-imagem-foto{
    width:100%!important;
    height:145px!important;
    min-height:145px!important;
    max-height:145px!important;
    object-fit:cover!important;
    display:block!important;
  }

  /* Premium pequeno, preso ao conteúdo */
  .premium,
  .selo-premium,
  .card .premium,
  .anuncio-card .premium{
    display:inline-flex!important;
    position:static!important;
    width:max-content!important;
    min-width:0!important;
    max-width:100%!important;
    height:19px!important;
    min-height:19px!important;
    padding:2px 6px!important;
    margin:7px 8px 2px!important;
    font-size:9px!important;
    line-height:15px!important;
    border-radius:7px!important;
    box-sizing:border-box!important;
  }

  /* localização */
  .localizacao-com-icone{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    width:auto!important;
    max-width:100%!important;
    margin:4px 8px!important;
    padding:0!important;
  }

  .localizacao-com-icone .icone-localizacao,
  .anuncio-card .localizacao-com-icone img,
  .icone-localizacao{
    width:14px!important;
    height:14px!important;
    min-width:14px!important;
    max-width:14px!important;
    min-height:14px!important;
    max-height:14px!important;
    object-fit:contain!important;
    flex:0 0 14px!important;
  }

  /* ================= BARRA INFERIOR ================= */
  .mobile-bottom-nav{
    display:grid!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:62px!important;
    min-height:62px!important;
    margin:0!important;
    padding:3px 4px!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    background:#00083f!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 -4px 18px rgba(0,0,0,.25)!important;
    z-index:999999!important;
    box-sizing:border-box!important;
  }

  .mobile-nav-item{
    min-width:0!important;
    height:56px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:1px!important;
    color:#dbeafe!important;
    text-decoration:none!important;
    font-size:8px!important;
    font-weight:600!important;
    position:relative!important;
  }

  .mobile-nav-item.ativo{
    color:#1769ff!important;
  }

  .mobile-nav-icon{
    font-size:18px!important;
    line-height:19px!important;
  }

  .mobile-nav-anunciar{
            width: 38px !important;
            height: 38px !important;
            min-height: 29px !important;
            margin: -12px auto 0 !important;
            padding: 0 !important;
            border-radius: 50% !important;
            background: #1769ff !important;
            color: #fff !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            box-shadow: 0 4px 16px rgba(23, 105, 255, .55) !important;
  }

  .mobile-nav-anunciar > span{
    font-size:29px!important;
    line-height:29px!important;
  }

  .mobile-nav-anunciar small{
    position:absolute!important;
    top:42px!important;
    font-size:8px!important;
    color:#fff!important;
  }

}

/* celular pequeno */
@media (max-width:390px){
  .cabecalho .logo img{width:min(210px,62vw)!important}
  .cabecalho .botao-anunciar{width:94px!important;min-width:94px!important}
  .cabecalho .botao-conta{width:155px!important;min-width:155px!important}
  .banner{height:185px!important;min-height:185px!important;max-height:185px!important}
  .banner-conteudo{padding-top:25px!important}
  .banner-conteudo h1,.banner h1{font-size:20px!important}
}

/* =====================================================
   CORREÇÃO BOTÕES DO CABEÇALHO - SOMENTE MOBILE
   ===================================================== */

@media (max-width: 700px) {

    .cabecalho .acoes-cabecalho {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .cabecalho .acoes-cabecalho .botao-anunciar {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 105px !important;
        min-width: 105px !important;
        height: 32px !important;

        background: #1769ff !important;
        color: #ffffff !important;

        border: none !important;
        border-radius: 9px !important;

        padding: 0 8px !important;
        margin: 0 !important;

        font-family: Arial, sans-serif !important;
        font-size: 11px !important;
        font-weight: 700 !important;

        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    .cabecalho .acoes-cabecalho .botao-conta {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 165px !important;
        min-width: 165px !important;
        height: 32px !important;

        background: #1769ff !important;
        color: #ffffff !important;

        border: none !important;
        border-radius: 9px !important;

        padding: 0 8px !important;
        margin: 0 !important;

        font-family: Arial, sans-serif !important;
        font-size: 11px !important;
        font-weight: 700 !important;

        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    .cabecalho .acoes-cabecalho a,
    .cabecalho .acoes-cabecalho a:visited,
    .cabecalho .acoes-cabecalho a:hover {
        color: #ffffff !important;
        text-decoration: none !important;
    }

}

@media (max-width: 700px) {

    /* =========================
       BANNER MOBILE
       ========================= */

    .banner {
        height: 190px !important;
        min-height: 190px !important;

        background-image: url("../img/fundo.jpg") !important;
        background-size: cover !important;
        background-position: center !important;

        background-color: #003cff !important;

        margin: 0 !important;
        padding: 0 !important;

        position: relative !important;
        overflow: visible !important;
    }

    /* camada azul sobre a imagem */
    .banner::before {
        content: "" !important;

        position: absolute !important;
        inset: 0 !important;

        background: rgba(0, 35, 180, 0.35) !important;

        z-index: 0 !important;
    }

    .banner-conteudo {
        position: relative !important;
        z-index: 2 !important;

        padding-top: 28px !important;
        margin: 0 auto !important;

        text-align: center !important;
    }

    .banner h1 {
        color: #ffffff !important;

        font-size: 21px !important;
        line-height: 1.05 !important;

        max-width: 320px !important;

        margin: 0 auto 8px !important;

        text-shadow:
            0 2px 5px rgba(0,0,0,.7) !important;
    }

    .banner p {
        color: #ffffff !important;

        font-size: 12px !important;
        line-height: 1.2 !important;

        max-width: 280px !important;

        margin: 0 auto !important;

        text-shadow:
            0 1px 4px rgba(0,0,0,.7) !important;
    }


    /* =========================
       BUSCA
       ========================= */

    .banner-busca {

        width: calc(100% - 44px) !important;
        max-width: 330px !important;

        height: 38px !important;

        margin: 24px auto 0 !important;

        padding: 0 9px !important;

        display: flex !important;
        align-items: center !important;

        background: rgba(50, 90, 170, .80) !important;

        border: 1px solid rgba(255,255,255,.55) !important;

        border-radius: 11px !important;

        box-shadow:
            0 6px 15px rgba(0,0,0,.25) !important;

        position: relative !important;
        z-index: 10 !important;

        box-sizing: border-box !important;
    }


    /* =========================
       ÁREA "O QUE VOCÊ PROCURA"
       ========================= */

    .categorias {

        padding-top: 10px !important;

        padding-left: 10px !important;
        padding-right: 10px !important;

        margin: 0 !important;
    }

    .categorias h2 {

        font-size: 21px !important;

        margin-top: 0 !important;
        margin-bottom: 7px !important;

        text-align: center !important;

        color: #111827 !important;
    }

    .categorias-subtitulo {

        font-size: 10px !important;

        line-height: 1.25 !important;

        max-width: 300px !important;

        margin: 0 auto 10px !important;

        text-align: center !important;

        color: #667085 !important;
    }


    /* =========================
       CARDS
       ========================= */

    .categorias-container {

        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 8px !important;

        width: 100% !important;
    }

    .categoria-card {

        height: 96px !important;
        min-height: 96px !important;

        padding: 8px 5px !important;

        border-radius: 10px !important;

        display: flex !important;

        flex-direction: column !important;

        align-items: center !important;

        justify-content: center !important;

        overflow: hidden !important;

        box-sizing: border-box !important;
    }

    .categoria-card img,
    .categoria-card .categoria-icone {

        width: 30px !important;
        height: 30px !important;

        max-width: 30px !important;
        max-height: 30px !important;

        margin-bottom: 3px !important;
    }

    .categoria-card h3 {

        font-size: 13px !important;

        margin: 2px 0 3px !important;
    }

    .categoria-card p {

        font-size: 8px !important;

        line-height: 1.15 !important;

        max-width: 130px !important;

        margin: 0 !important;
    }


    /* =========================
       DESTAQUES
       ========================= */

    .destaques {

        padding-top: 25px !important;

        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .destaques h2 {

        font-size: 20px !important;

        margin-bottom: 10px !important;
    }


    /* =========================
       CARDS DE ANÚNCIOS
       ========================= */

    .anuncios-container,
    .cards,
    .resultados-grid {

        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 9px !important;
    }

    .anuncio-card,
    .card {

        width: 100% !important;

        min-width: 0 !important;

        box-sizing: border-box !important;
    }


    /* =========================
       LOCALIZAÇÃO
       ========================= */

    .localizacao-com-icone {

        display: flex !important;

        align-items: center !important;

        gap: 4px !important;

        margin: 4px 8px !important;
    }

    .localizacao-com-icone img,
    .icone-localizacao {

        width: 14px !important;
        height: 14px !important;

        max-width: 14px !important;
        max-height: 14px !important;
    }

}

@media (max-width: 700px) {

    .categoria-card,
    .categoria-card * {
        text-decoration: none !important;
    }

}

@media (max-width: 700px) {

    /* SELO VERIFICADO — MOBILE */
    .verificado,
    .selo-verificado,
    .badge-verificado,
    .card .verificado,
    .card .selo-verificado,
    .anuncio-card .verificado,
    .anuncio-card .selo-verificado {
        width: 55px !important;
        height: 55px !important;
        max-width: 55px !important;
        max-height: 55px !important;

        object-fit: contain !important;

        margin: 8px auto !important;
        display: block !important;
    }
}

@media (max-width: 700px) {

    .card img[alt*="verific" i],
    .anuncio-card img[alt*="verific" i] {
        width: 55px !important;
        height: 55px !important;
        max-width: 55px !important;
        max-height: 55px !important;
        object-fit: contain !important;
    }

}

@media (max-width: 700px) {

    /* Nome + verificado na mesma linha */
    .anuncio-card .anuncio-titulo,
    .card .anuncio-titulo {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
    }

    /* Selo verificado */
    .anuncio-card .verificado,
    .card .verificado,
    .anuncio-card .selo-verificado,
    .card .selo-verificado {
        width: 16px !important;
        height: 16px !important;
        max-width: 16px !important;
        max-height: 16px !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: contain !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }

}

/* =========================================================
   CORREÇÃO FINAL — NOME + VERIFICADO — SOMENTE MOBILE
   ========================================================= */

@media (max-width: 700px) {

    /* Remove o roxo e o sublinhado dos anúncios */
    .destaques .anuncio-card a,
    .destaques .anuncio-card h3 a,
    .destaques .anuncio-card p a {
        color: #111827 !important;
        text-decoration: none !important;
    }

    /* Nome do anunciante */
    .destaques .anuncio-card .nome-anunciante {
        display: inline-flex !important;
        align-items: center !important;
        gap: 5px !important;

        color: #111827 !important;
        text-decoration: none !important;

        margin: 5px 16px !important;
        line-height: 20px !important;
    }

    /* Selo exatamente ao lado do nome */
    .destaques .anuncio-card .nome-anunciante img.verificado,
    .destaques .anuncio-card .nome-anunciante img.selo-verificado,
    .destaques .anuncio-card .nome-anunciante img.badge-verificado,
    .destaques .anuncio-card .nome-anunciante img[alt*="verific" i],
    .destaques .anuncio-card p img.verificado,
    .destaques .anuncio-card p img.selo-verificado,
    .destaques .anuncio-card p img[alt*="verific" i] {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        max-width: 16px !important;
        min-height: 16px !important;
        max-height: 16px !important;

        display: inline-block !important;
        flex: 0 0 16px !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: contain !important;
        vertical-align: middle !important;
    }

    /* Título do anúncio também sem roxo */
    .destaques .anuncio-card h3,
    .destaques .anuncio-card h3 a {
        color: #111827 !important;
        text-decoration: none !important;
    }

    /* Localização sem roxo */
    .destaques .anuncio-card .localizacao-com-icone,
    .destaques .anuncio-card .localizacao-com-icone a,
    .destaques .anuncio-card .localizacao-com-icone span {
        color: #111827 !important;
        text-decoration: none !important;
    }
}

/* =====================================================
   CORREÇÃO FINAL — LINKS DOS ANÚNCIOS NO MOBILE
   ===================================================== */

@media (max-width: 700px) {

    /* Remove qualquer sublinhado dos elementos dos anúncios */
    .destaques .anuncio-card a,
    .destaques .anuncio-card a:link,
    .destaques .anuncio-card a:visited,
    .destaques .anuncio-card a:hover,
    .destaques .anuncio-card a:active {

        text-decoration: none !important;
        -webkit-text-decoration: none !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
    }

    /* Título */
    .destaques .anuncio-card h3,
    .destaques .anuncio-card h3 a {
        text-decoration: none !important;
        border: 0 !important;
    }

    /* Nome do anunciante */
    .destaques .anuncio-card .nome-anunciante,
    .destaques .anuncio-card .nome-anunciante a {
        text-decoration: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    /* Localização */
    .destaques .anuncio-card .localizacao-com-icone,
    .destaques .anuncio-card .localizacao-com-icone a,
    .destaques .anuncio-card .localizacao-com-icone span {
        text-decoration: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    /* PREMIUM */
    .destaques .anuncio-card .premium,
    .destaques .anuncio-card .selo-premium,
    .destaques .anuncio-card .premium a,
    .destaques .anuncio-card .selo-premium a {
        text-decoration: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }
}

/* ===== PREMIUM — MOBILE FINAL ===== */
@media (max-width: 700px) {

    .anuncio-card.anuncio-destaque-real {
        position: relative !important;
    }

    .anuncio-card.anuncio-destaque-real .destaque-badge {
        position: absolute !important;
        top: 8px !important;
        left: 8px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;

        width: auto !important;
        height: 22px !important;

        margin: 0 !important;
        padding: 0 9px 0 5px !important;

        background: #ffffff !important;
        color: #0866ff !important;

        border: 0 !important;
        border-bottom: 0 !important;
        border-radius: 999px !important;

        font-family: Arial, sans-serif !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        line-height: 22px !important;

        text-decoration: none !important;
        box-shadow: 0 2px 8px rgba(0,0,0,.18) !important;

        z-index: 20 !important;
    }

    .anuncio-card.anuncio-destaque-real .destaque-badge::before {
        content: "★" !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 17px !important;
        height: 17px !important;

        flex: 0 0 17px !important;

        background: #0866ff !important;
        color: #ffffff !important;

        border-radius: 50% !important;

        font-size: 9px !important;
        line-height: 17px !important;
    }

    .anuncio-card.anuncio-destaque-real .destaque-badge,
    .anuncio-card.anuncio-destaque-real .destaque-badge *,
    .anuncio-card.anuncio-destaque-real .destaque-badge a {
        color: #0866ff !important;
        text-decoration: none !important;
        border: 0 !important;
        border-bottom: 0 !important;
        background: transparent !important;
    }

}

/* =========================================================
   CARD PREMIUM — VISUAL GRANDE
   ========================================================= */

@media (max-width: 700px) {

    /* ÁREA DOS DESTAQUES */
    .destaques {
        width: 100% !important;
        padding: 15px 10px 30px !important;
        box-sizing: border-box !important;
    }


    /* APENAS 1 CARD POR LINHA */
    .destaques .anuncios-container {
        display: grid !important;

        grid-template-columns: 1fr !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 20px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       CARD
       ===================================================== */

    .destaques .anuncio-card.anuncio-destaque-real {

        position: relative !important;

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 0 18px !important;

        background: #ffffff !important;

        border: none !important;
        border-radius: 22px !important;

        overflow: hidden !important;

        box-shadow:
            0 8px 28px rgba(0, 0, 0, 0.12) !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       IMAGEM GRANDE
       ===================================================== */

    .destaques .anuncio-card.anuncio-destaque-real
    .anuncio-imagem,

    .destaques .anuncio-card.anuncio-destaque-real
    .anuncio-imagem-foto {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        min-height: 0 !important;
        max-height: none !important;

        aspect-ratio: 1.92 / 1 !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: cover !important;
        object-position: center !important;

        border: none !important;

        border-radius: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       CASO A IMAGEM ESTEJA DENTRO DE CONTAINER
       ===================================================== */

    .destaques .anuncio-card.anuncio-destaque-real
    .anuncio-imagem-container {

        width: 100% !important;

        aspect-ratio: 1.92 / 1 !important;

        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }


    .destaques .anuncio-card.anuncio-destaque-real
    .anuncio-imagem-container img {

        display: block !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: cover !important;

        object-position: center !important;
    }


    /* =====================================================
       REMOVE O SELO PREMIUM CSS
       A PALAVRA PREMIUM JÁ ESTÁ NA IMAGEM
       ===================================================== */

    .destaques .anuncio-card.anuncio-destaque-real
    .destaque-badge {

        display: none !important;
    }


    /* =====================================================
       TÍTULO
       ===================================================== */

    .destaques .anuncio-card.anuncio-destaque-real h3,

    .destaques .anuncio-card.anuncio-destaque-real h3 a {

            display: block !important;
            margin: 19px 16px 5px !important;
            padding: 0 !important;
            color: #0b1748 !important;
            font-family: Arial, sans-serif !important;
            font-size: 14px !important;
            font-weight: 800 !important;
            line-height: 1.15 !important;
            text-decoration: none !important;
            border: none !important;
            box-shadow: none !important;
    }


    /* =====================================================
       NOME
       ===================================================== */

    .destaques .anuncio-card.anuncio-destaque-real
    .nome-anunciante {

display: flex !important;
            align-items: center !important;
            gap: 7px !important;
            width: auto !important;
            max-width: calc(100% - 32px) !important;
            margin: 0 16px 7px !important;
            padding: 0 !important;
            color: #000000 !important;
            font-family: Arial, sans-serif !important;
            font-size: 19px !important;
            font-weight: 400 !important;
            line-height: 1.3 !important;
            text-decoration: none !important;
            border: none !important;
            box-shadow: none !important;
    }


    .destaques .anuncio-card.anuncio-destaque-real
    .nome-anunciante a {

        color: #64748b !important;

        text-decoration: none !important;

        border: none !important;
    }


    /* =====================================================
       SELO VERIFICADO
       ===================================================== */

    .destaques .anuncio-card.anuncio-destaque-real
    .nome-anunciante img.verificado,

    .destaques .anuncio-card.anuncio-destaque-real
    .nome-anunciante img.selo-verificado,

    .destaques .anuncio-card.anuncio-destaque-real
    .nome-anunciante img.badge-verificado,

    .destaques .anuncio-card.anuncio-destaque-real
    .nome-anunciante img[alt*="verific" i] {

        display: inline-block !important;

        width: 17px !important;
        height: 17px !important;

        min-width: 17px !important;
        max-width: 17px !important;

        min-height: 17px !important;
        max-height: 17px !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: contain !important;

        flex: 0 0 17px !important;
    }


    /* =====================================================
       LOCALIZAÇÃO
       ===================================================== */

    .destaques .anuncio-card.anuncio-destaque-real
    .localizacao-com-icone {

        display: flex !important;

        align-items: center !important;

        gap: 8px !important;

        width: auto !important;

        max-width: calc(100% - 32px) !important;

        margin: 0 16px !important;

        padding: 0 !important;

        color: #475569 !important;

        font-family: Arial, sans-serif !important;

        font-size: 16px !important;

        line-height: 1.3 !important;

        text-decoration: none !important;

        border: none !important;
    }


    .destaques .anuncio-card.anuncio-destaque-real
    .localizacao-com-icone a,

    .destaques .anuncio-card.anuncio-destaque-real
    .localizacao-com-icone span,

    .destaques .anuncio-card.anuncio-destaque-real
    .localizacao-com-icone strong {

            color:   #080808 !important;
            text-decoration: none !important;
            border: none !important;
    }


    /* =====================================================
       ÍCONE DE LOCALIZAÇÃO
       ===================================================== */

    .destaques .anuncio-card.anuncio-destaque-real
    .localizacao-com-icone img,

    .destaques .anuncio-card.anuncio-destaque-real
    .icone-localizacao {

        display: block !important;

        width: 20px !important;
        height: 20px !important;

        min-width: 20px !important;
        max-width: 20px !important;

        min-height: 20px !important;
        max-height: 20px !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: contain !important;

        flex: 0 0 20px !important;
    }


    /* =====================================================
       REMOVE ROXO / SUBLINHADO
       ===================================================== */

    .destaques .anuncio-card.anuncio-destaque-real a,
    .destaques .anuncio-card.anuncio-destaque-real a:link,
    .destaques .anuncio-card.anuncio-destaque-real a:visited,
    .destaques .anuncio-card.anuncio-destaque-real a:hover,
    .destaques .anuncio-card.anuncio-destaque-real a:active {

        text-decoration: none !important;

        border: none !important;
        border-bottom: none !important;

        box-shadow: none !important;
    }


    /* =====================================================
       CELULARES PEQUENOS
       ===================================================== */

    @media (max-width: 390px) {

        .destaques {
            padding-left: 8px !important;
            padding-right: 8px !important;
        }

        .destaques .anuncio-card.anuncio-destaque-real {
            border-radius: 18px !important;
        }

        .destaques .anuncio-card.anuncio-destaque-real h3 {
            margin: 13px 14px 5px !important;
            font-size: 21px !important;
        }

        .destaques .anuncio-card.anuncio-destaque-real
        .nome-anunciante {

            margin-left: 14px !important;
            margin-right: 14px !important;

            font-size: 17px !important;
        }

        .destaques .anuncio-card.anuncio-destaque-real
        .localizacao-com-icone {

            margin-left: 14px !important;
            margin-right: 14px !important;

            font-size: 15px !important;
        }
    }

}

/* =========================================================
   CARDS DOS DESTAQUES — MOBILE
   2 COLUNAS / COMPACTO / PREMIUM NO CANTO
   ========================================================= */

@media (max-width: 700px) {

    /* =====================================================
       GRADE — 2 CARDS LADO A LADO
       ===================================================== */

    .destaques .anuncios-container {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 8px !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        align-items: start !important;
    }


    /* =====================================================
       CARD
       ===================================================== */

    .destaques .anuncio-card,
    .destaques .anuncio-card.anuncio-destaque-real {

        position: relative !important;

        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 0 8px !important;

        background: #ffffff !important;

        border: none !important;
        border-radius: 12px !important;

        overflow: hidden !important;

        box-sizing: border-box !important;

        box-shadow:
            0 3px 12px rgba(15, 23, 42, 0.10) !important;
    }


    /* =====================================================
       IMAGEM
       ===================================================== */

    .destaques .anuncio-card .anuncio-imagem,
    .destaques .anuncio-card .anuncio-imagem-foto,

    .destaques .anuncio-card.anuncio-destaque-real
    .anuncio-imagem,

    .destaques .anuncio-card.anuncio-destaque-real
    .anuncio-imagem-foto {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        min-height: 0 !important;
        max-height: none !important;

        aspect-ratio: 1.78 / 1 !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: cover !important;
        object-position: center !important;

        border: none !important;
        border-radius: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       PREMIUM
       CANTO SUPERIOR DIREITO DA IMAGEM
       ===================================================== */

    .destaques .anuncio-card.anuncio-destaque-real
    .destaque-badge {

        position: absolute !important;

        top: 7px !important;
        right: 7px !important;
        left: auto !important;

        z-index: 100 !important;

        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 4px !important;

        width: auto !important;
        height: 22px !important;
        min-height: 22px !important;

        margin: 0 !important;

        padding: 0 7px 0 4px !important;

        background: #ffffff !important;

        color: #0866ff !important;

        border: 0 !important;
        border-bottom: 0 !important;

        border-radius: 999px !important;

        font-family: Arial, sans-serif !important;

        font-size: 8px !important;
        font-weight: 800 !important;

        line-height: 22px !important;

        text-decoration: none !important;

        white-space: nowrap !important;

        box-shadow:
            0 2px 7px rgba(0,0,0,.20) !important;
    }


    /* =====================================================
       ESTRELA DO PREMIUM
       ===================================================== */

    .destaques .anuncio-card.anuncio-destaque-real
    .destaque-badge::before {

        content: "★" !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 15px !important;

        width: 15px !important;
        height: 15px !important;

        background: #0866ff !important;

        color: #ffffff !important;

        border-radius: 50% !important;

        font-size: 8px !important;

        line-height: 15px !important;

        text-align: center !important;
    }


    /* =====================================================
       REMOVE ROXO DO PREMIUM
       ===================================================== */

    .destaques .anuncio-card .destaque-badge,
    .destaques .anuncio-card .destaque-badge a,
    .destaques .anuncio-card .destaque-badge span,
    .destaques .anuncio-card .destaque-badge strong,
    .destaques .anuncio-card .destaque-badge * {

        color: #0866ff !important;

        text-decoration: none !important;

        border: none !important;
        border-bottom: none !important;

        background: transparent !important;

        box-shadow: none !important;
    }


    /* =====================================================
       TÍTULO DO ANÚNCIO
       ===================================================== */

    .destaques .anuncio-card h3,
    .destaques .anuncio-card h3 a {

        display: block !important;

        width: auto !important;

        margin: 8px 9px 2px !important;

        padding: 0 !important;

        color: #07174d !important;

        font-family: Arial, sans-serif !important;

        font-size: 13px !important;

        font-weight: 800 !important;

        line-height: 1.15 !important;

        text-decoration: none !important;

        border: none !important;
        border-bottom: none !important;

        box-shadow: none !important;

        overflow-wrap: anywhere !important;
    }


    /* =====================================================
       NOME + VERIFICADO
       ===================================================== */

    .destaques .anuncio-card .nome-anunciante {

        display: flex !important;

        align-items: center !important;

        gap: 4px !important;

        width: auto !important;
        max-width: calc(100% - 18px) !important;

        margin: 0 9px 4px !important;

        padding: 0 !important;

        color: #64748b !important;

        font-family: Arial, sans-serif !important;

        font-size: 11px !important;

        font-weight: 400 !important;

        line-height: 16px !important;

        text-decoration: none !important;

        border: none !important;
        border-bottom: none !important;

        box-shadow: none !important;
    }


    /* =====================================================
       LINK DO NOME
       ===================================================== */

    .destaques .anuncio-card .nome-anunciante a {

        display: inline !important;

        color: #64748b !important;

        text-decoration: none !important;

        border: none !important;
        border-bottom: none !important;

        box-shadow: none !important;
    }


    /* =====================================================
       VERIFICADO — AO LADO DIREITO DO NOME
       ===================================================== */

    .destaques .anuncio-card .nome-anunciante
    img.verificado,

    .destaques .anuncio-card .nome-anunciante
    img.selo-verificado,

    .destaques .anuncio-card .nome-anunciante
    img.badge-verificado,

    .destaques .anuncio-card .nome-anunciante
    img[alt*="verific" i] {

        display: inline-block !important;

        flex: 0 0 12px !important;

        width: 12px !important;
        height: 12px !important;

        min-width: 12px !important;
        max-width: 12px !important;

        min-height: 12px !important;
        max-height: 12px !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: contain !important;

        vertical-align: middle !important;
    }


    /* =====================================================
       LOCALIZAÇÃO
       ===================================================== */

    .destaques .anuncio-card
    .localizacao-com-icone {

        display: flex !important;

        align-items: center !important;

        gap: 4px !important;

        width: auto !important;
        max-width: calc(100% - 18px) !important;

        margin: 0 9px !important;

        padding: 0 !important;

        color: #64748b !important;

        font-family: Arial, sans-serif !important;

        font-size: 10px !important;

        line-height: 15px !important;

        text-decoration: none !important;

        border: none !important;
        border-bottom: none !important;

        box-shadow: none !important;
    }


    /* =====================================================
       LINK DA LOCALIZAÇÃO
       ===================================================== */

    .destaques .anuncio-card
    .localizacao-com-icone a,

    .destaques .anuncio-card
    .localizacao-com-icone span,

    .destaques .anuncio-card
    .localizacao-com-icone strong {

        color: #64748b !important;

        text-decoration: none !important;

        border: none !important;
        border-bottom: none !important;

        box-shadow: none !important;
    }


    /* =====================================================
       ÍCONE DE LOCALIZAÇÃO
       ===================================================== */

    .destaques .anuncio-card
    .localizacao-com-icone img,

    .destaques .anuncio-card
    .icone-localizacao {

        display: block !important;

        flex: 0 0 13px !important;

        width: 13px !important;
        height: 13px !important;

        min-width: 13px !important;
        max-width: 13px !important;

        min-height: 13px !important;
        max-height: 13px !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: contain !important;
    }


    /* =====================================================
       TODOS OS LINKS DO CARD SEM SUBLINHADO
       ===================================================== */

    .destaques .anuncio-card a,
    .destaques .anuncio-card a:link,
    .destaques .anuncio-card a:visited,
    .destaques .anuncio-card a:hover,
    .destaques .anuncio-card a:active {

        text-decoration: none !important;

        border: none !important;
        border-bottom: none !important;

        box-shadow: none !important;
    }


    /* =====================================================
       CELULAR MUITO PEQUENO
       ===================================================== */

    @media (max-width: 390px) {

        .destaques .anuncios-container {

            grid-template-columns:
                repeat(2, minmax(0, 1fr)) !important;

            gap: 6px !important;
        }

        .destaques .anuncio-card {

            border-radius: 10px !important;
        }

        .destaques .anuncio-card h3 {

            font-size: 12px !important;

            margin: 7px 7px 2px !important;
        }

        .destaques .anuncio-card .nome-anunciante {

            margin-left: 7px !important;
            margin-right: 7px !important;

            font-size: 10px !important;
        }

        .destaques .anuncio-card
        .localizacao-com-icone {

            margin-left: 7px !important;
            margin-right: 7px !important;

            font-size: 9px !important;
        }

        .destaques .anuncio-card.anuncio-destaque-real
        .destaque-badge {

            top: 5px !important;
            right: 5px !important;

            height: 19px !important;
            min-height: 19px !important;

            padding: 0 6px 0 3px !important;

            font-size: 7px !important;

            line-height: 19px !important;
        }

        .destaques .anuncio-card.anuncio-destaque-real
        .destaque-badge::before {

            width: 13px !important;
            height: 13px !important;

            flex-basis: 13px !important;

            font-size: 7px !important;

            line-height: 13px !important;
        }
    }

}

/* =========================================================
   RODAPÉ MOBILE
   ========================================================= */

@media (max-width: 700px) {

    footer {
        width: 100% !important;

        margin: 0 !important;
        padding: 22px 15px !important;

        background: #000000 !important;

        color: #ffffff !important;

        text-align: center !important;

        box-sizing: border-box !important;

        border: none !important;
    }

    footer p,
    footer span,
    footer div {

        margin: 0 auto !important;
        padding: 0 !important;

        color: #ffffff !important;

        text-align: center !important;

        font-size: 12px !important;
        line-height: 1.5 !important;
    }

    footer a {

        color: #ffffff !important;

        text-decoration: none !important;

        border: none !important;
        border-bottom: none !important;
    }
}

/* =========================================================
   BARRA DE PESQUISA — MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .barra-pesquisa,
    .search-bar,
    .search-container {

        width: calc(100% - 32px) !important;
        height: 48px !important;

        margin: 12px auto !important;

        display: flex !important;
        align-items: center !important;

        background: #123aa8 !important;

        border: 1px solid rgba(255,255,255,0.85) !important;

        border-radius: 30px !important;

        padding: 0 6px 0 14px !important;

        box-sizing: border-box !important;

        box-shadow: none !important;
    }


    /* ÍCONE DA LUPA */

    .barra-pesquisa i,
    .barra-pesquisa svg,
    .search-bar i,
    .search-bar svg,
    .search-container i,
    .search-container svg {

        color: #ffffff !important;

        font-size: 17px !important;

        width: 20px !important;
        min-width: 20px !important;

        margin-right: 6px !important;
    }


    /* CAMPO DE TEXTO */

    .barra-pesquisa input,
    .search-bar input,
    .search-container input {

        flex: 1 !important;

        width: 100% !important;
        height: 100% !important;

        border: none !important;
        outline: none !important;

        background: transparent !important;

        color: #ffffff !important;

        font-size: 14px !important;

        padding: 0 8px !important;

        box-shadow: none !important;
    }


    /* PLACEHOLDER */

    .barra-pesquisa input::placeholder,
    .search-bar input::placeholder,
    .search-container input::placeholder {

        color: #ffffff !important;

        opacity: 1 !important;
    }


    /* BOTÃO DA LUPA */

    .barra-pesquisa button,
    .search-bar button,
    .search-container button {

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 38px !important;
        height: 38px !important;

        flex: 0 0 38px !important;

        margin: 0 !important;

        border: none !important;

        border-radius: 50% !important;

        background: #087cff !important;

        color: #ffffff !important;

        cursor: pointer !important;

        box-shadow: none !important;
    }


    .barra-pesquisa button i,
    .barra-pesquisa button svg,
    .search-bar button i,
    .search-bar button svg,
    .search-container button i,
    .search-container button svg {

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;

        color: #ffffff !important;

        font-size: 15px !important;
    }
}


/* =========================================================
   BARRA DE PESQUISA — VISUAL FINAL
   ========================================================= */

@media (max-width: 700px) {

    .banner-busca {
            width: calc(100% - 34px) !important;
            max-width: none !important;
            height: 48px !important;
            min-height: 48px !important;
            margin: -62px auto 25px !important;
            padding: 0 7px 0 13px !important;
            display: flex !important;
            align-items: center !important;
            gap: 6px !important;
            background: #123aa8 !important;
            border: 1px solid rgba(255, 255, 255, .85) !important;
            border-radius: 28px !important;
            box-shadow: none !important;
            box-sizing: border-box !important;
            position: relative !important;
            z-index: 50 !important;
    }


    /* LUPA DA ESQUERDA */

    .banner-busca-icone {
        flex: 0 0 auto !important;

        width: 20px !important;
        height: 20px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;

        color: #ffffff !important;

        font-size: 17px !important;

        line-height: 1 !important;
    }


    /* CAMPO */

    .banner-busca input {
        flex: 1 1 auto !important;

        width: 100% !important;
        min-width: 0 !important;

        height: 42px !important;

        margin: 0 !important;
        padding: 0 5px !important;

        border: 0 !important;
        outline: 0 !important;

        background: transparent !important;

        color: #ffffff !important;

        font-family: Arial, sans-serif !important;

        font-size: 14px !important;

        box-shadow: none !important;
    }


    .banner-busca input::placeholder {
        color: #ffffff !important;
        opacity: 1 !important;
    }


    /* BOTÃO AZUL DA DIREITA */

    .banner-busca button {
        flex: 0 0 38px !important;

        width: 38px !important;
        min-width: 38px !important;

        height: 38px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        border: 0 !important;

        border-radius: 50% !important;

        background: #1677ff !important;

        color: #ffffff !important;

        font-size: 17px !important;

        box-shadow: none !important;
    }


    .banner-busca button i,
    .banner-busca button svg {
        margin: 0 !important;

        color: #ffffff !important;

        font-size: 16px !important;
    }
}


/* =========================================================
   REMOVER LINHAS / SUBLINHADOS DOS CARDS
   ========================================================= */

@media (max-width: 700px) {

    .destaques .anuncio-card a,
    .destaques .anuncio-card a:link,
    .destaques .anuncio-card a:visited,
    .destaques .anuncio-card a:hover,
    .destaques .anuncio-card a:active,

    .destaques .anuncio-card h3,
    .destaques .anuncio-card h3 a,

    .destaques .anuncio-card .nome-anunciante,
    .destaques .anuncio-card .nome-anunciante a,

    .destaques .anuncio-card .localizacao-com-icone,
    .destaques .anuncio-card .localizacao-com-icone a {

        text-decoration: none !important;

        border: none !important;
        border-bottom: none !important;

        box-shadow: none !important;

        outline: none !important;
    }


    /* TÍTULO */
    .destaques .anuncio-card h3 a {
        color: #07174d !important;
    }


    /* NOME */
    .destaques .anuncio-card .nome-anunciante a {
        color: #64748b !important;
    }


    /* LOCALIZAÇÃO */
    .destaques .anuncio-card .localizacao-com-icone a {
        color: #64748b !important;
    }


    /* REMOVE QUALQUER LINHA CRIADA POR PSEUDO-ELEMENTO */

    .destaques .anuncio-card a::before,
    .destaques .anuncio-card a::after,
    .destaques .anuncio-card h3::before,
    .destaques .anuncio-card h3::after {

        content: none !important;

        display: none !important;

        border: none !important;
    }

}

/* =========================================================
   REMOVER DEFINITIVAMENTE AS LINHAS DOS CARDS
   ========================================================= */

@media (max-width: 700px) {

    /* TÍTULO */
    .destaques .anuncio-card h3,
    .destaques .anuncio-card h3 a,
    .destaques .anuncio-card h3 a:link,
    .destaques .anuncio-card h3 a:visited,
    .destaques .anuncio-card h3 a:hover,
    .destaques .anuncio-card h3 a:active {

        text-decoration: none !important;
        text-decoration-line: none !important;
        text-decoration-style: none !important;
        text-decoration-color: transparent !important;
        text-decoration-thickness: 0 !important;

        -webkit-text-decoration: none !important;
        -webkit-text-decoration-line: none !important;

        border: 0 !important;
        border-bottom: 0 !important;

        box-shadow: none !important;

        outline: 0 !important;
    }


    /* NOME DO ANUNCIANTE */
    .destaques .anuncio-card .nome-anunciante,
    .destaques .anuncio-card .nome-anunciante a,
    .destaques .anuncio-card .nome-anunciante a:link,
    .destaques .anuncio-card .nome-anunciante a:visited,
    .destaques .anuncio-card .nome-anunciante a:hover,
    .destaques .anuncio-card .nome-anunciante a:active {

        text-decoration: none !important;
        text-decoration-line: none !important;
        text-decoration-style: none !important;
        text-decoration-color: transparent !important;
        text-decoration-thickness: 0 !important;

        -webkit-text-decoration: none !important;
        -webkit-text-decoration-line: none !important;

        border: 0 !important;
        border-bottom: 0 !important;

        box-shadow: none !important;

        outline: 0 !important;
    }


    /* LOCALIZAÇÃO */
    .destaques .anuncio-card .localizacao-com-icone,
    .destaques .anuncio-card .localizacao-com-icone a,
    .destaques .anuncio-card .localizacao-com-icone a:link,
    .destaques .anuncio-card .localizacao-com-icone a:visited,
    .destaques .anuncio-card .localizacao-com-icone a:hover,
    .destaques .anuncio-card .localizacao-com-icone a:active {

        text-decoration: none !important;
        text-decoration-line: none !important;
        text-decoration-style: none !important;
        text-decoration-color: transparent !important;
        text-decoration-thickness: 0 !important;

        -webkit-text-decoration: none !important;
        -webkit-text-decoration-line: none !important;

        border: 0 !important;
        border-bottom: 0 !important;

        box-shadow: none !important;

        outline: 0 !important;
    }


    /* TODOS OS LINKS DENTRO DOS CARDS */
    .destaques .anuncio-card a,
    .destaques .anuncio-card a:link,
    .destaques .anuncio-card a:visited,
    .destaques .anuncio-card a:hover,
    .destaques .anuncio-card a:active {

        text-decoration: none !important;
        text-decoration-line: none !important;
        text-decoration-style: none !important;
        text-decoration-color: transparent !important;
        text-decoration-thickness: 0 !important;

        -webkit-text-decoration: none !important;
        -webkit-text-decoration-line: none !important;

        border: none !important;
        border-bottom: none !important;

        box-shadow: none !important;
    }


    /* GARANTIA EXTRA CONTRA LINHAS */
    .destaques .anuncio-card a::before,
    .destaques .anuncio-card a::after {

        display: none !important;

        content: none !important;

        border: 0 !important;
        box-shadow: none !important;
    }
}
/* ===== CORREÇÃO: REMOVER SOMENTE SUBLINHADOS DOS CARDS ===== */
@media (max-width: 700px) {
    a.anuncio-card,
    a.anuncio-card:link,
    a.anuncio-card:visited,
    a.anuncio-card:hover,
    a.anuncio-card:active {
        text-decoration: none !important;
        -webkit-text-decoration: none !important;
        border-bottom: 0 !important;
    }

    a.anuncio-card h3,
    a.anuncio-card p,
    a.anuncio-card h3 a,
    a.anuncio-card p a {
        text-decoration: none !important;
        -webkit-text-decoration: none !important;
        border-bottom: 0 !important;
    }
}

/* =========================================================
   CORREÇÃO FINAL DOS CARDS DAS PÁGINAS — MOBILE
   Mantém o index.html intacto e deixa os cards internos
   compactos, organizados e no mesmo padrão visual dos
   cards de destaque da página inicial.
   ========================================================= */
@media (max-width: 800px) {

    /* Grades das páginas de anúncios: 2 cards por linha */
    .wrap .cards,
    .lista .grid,
    .lista-anuncios,
    .page-grid {
        width: 100% !important;
        max-width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
        box-sizing: border-box !important;
    }

    /* Cards de resultados */
    .wrap .cards .card {
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 0 0 8px !important;
        margin: 0 !important;
        background: #fff !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        box-shadow: 0 3px 12px rgba(15, 23, 42, .10) !important;
    }

    .wrap .cards .card > img:not(.selo-card) {
display: block !important;
            width: 102% !important;
            max-width: 99% !important;
            height: auto !important;
            min-height: 0 !important;
            max-height: none !important;
            aspect-ratio: 0.78 / 1 !important;
            object-fit: cover !important;
            object-position: center !important;
            margin: 0 !important;
            padding: 0 !important;
            border: 0 !important;
            border-radius: 0 !important;
            box-sizing: border-box !important;
    }

    .wrap .cards .card .badge {
        display: inline-block !important;
        width: max-content !important;
        max-width: calc(100% - 18px) !important;
        margin: 7px 9px 2px !important;
        padding: 3px 7px !important;
        border-radius: 999px !important;
        background: #eef4ff !important;
        color: #1769ff !important;
        font-size: 9px !important;
        line-height: 15px !important;
        font-weight: 800 !important;
        box-sizing: border-box !important;
    }

    .wrap .cards .card h2 {
        width: auto !important;
        margin: 7px 9px 3px !important;
        padding: 0 !important;
        color: #07174d !important;
        font-size: 13px !important;
        line-height: 1.15 !important;
        font-weight: 800 !important;
        overflow-wrap: anywhere !important;
    }

    .wrap .cards .card .nome-anunciante {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
        width: auto !important;
        max-width: calc(100% - 18px) !important;
        margin: 0 9px 4px !important;
        padding: 0 !important;
        color: #64748b !important;
        font-size: 11px !important;
        line-height: 16px !important;
    }

    .wrap .cards .card .selo-nome {
        flex: 0 0 12px !important;
        width: 12px !important;
        height: 12px !important;
        min-width: 12px !important;
        max-width: 12px !important;
        min-height: 12px !important;
        max-height: 12px !important;
        margin: 0 !important;
        object-fit: contain !important;
    }

    .wrap .cards .card > b,
    .wrap .cards .card > p:not(.local-card):not(.valor-card) {
        display: block !important;
        width: auto !important;
        max-width: calc(100% - 18px) !important;
        margin: 3px 9px !important;
        padding: 0 !important;
        font-size: 10px !important;
        line-height: 1.3 !important;
        overflow-wrap: anywhere !important;
    }

    .wrap .cards .card .valor-card {
        margin: 5px 9px !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
    }

    .wrap .cards .card .local-card,
    .wrap .cards .card .localizacao-com-icone {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
        width: auto !important;
        max-width: calc(100% - 18px) !important;
        margin: 4px 9px !important;
        padding: 0 !important;
        color: #64748b !important;
        font-size: 10px !important;
        line-height: 15px !important;
        box-sizing: border-box !important;
    }

    .wrap .cards .card .local-card .icone-localizacao,
    .wrap .cards .card .localizacao-com-icone .icone-localizacao {
        flex: 0 0 14px !important;
        width: 14px !important;
        height: 14px !important;
        min-width: 14px !important;
        max-width: 14px !important;
        min-height: 14px !important;
        max-height: 14px !important;
        object-fit: contain !important;
        margin: 0 !important;
    }

    .wrap .cards .card .btn {
        display: block !important;
        width: calc(100% - 18px) !important;
        min-width: 0 !important;
        margin: 7px 9px 0 !important;
        padding: 8px 6px !important;
        border-radius: 9px !important;
        box-sizing: border-box !important;
        text-align: center !important;
        font-size: 12px !important;
        line-height: 18px !important;
    }

    .wrap .cards .card .selo-card {
        position: absolute !important;
        top: 7px !important;
        right: 7px !important;
        width: 38px !important;
        height: 38px !important;
        margin: 0 !important;
        object-fit: contain !important;
        z-index: 5 !important;
    }

    /* Vendas / Aluguéis / Patrocinadores */
    .lista .grid .card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        box-shadow: 0 3px 12px rgba(15, 23, 42, .10) !important;
    }

    .lista .grid .card > img,
    .lista .grid .card > .semfoto {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 1.78 / 1 !important;
        object-fit: cover !important;
        margin: 0 !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
    }

    .lista .grid .card > .semfoto {
        display: grid !important;
    }

    .lista .grid .card .corpo {
        padding: 8px 9px 10px !important;
    }

    .lista .grid .card .corpo h2 {
        margin: 0 0 4px !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
        color: #07174d !important;
        overflow-wrap: anywhere !important;
    }

    .lista .grid .card .preco {
        margin: 4px 0 !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
    }

    .lista .grid .card .meta,
    .lista .grid .card .corpo p {
        margin: 4px 0 !important;
        font-size: 10px !important;
        line-height: 1.3 !important;
        overflow-wrap: anywhere !important;
    }

    .lista .grid .card .meta.localizacao-com-icone {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
    }

    .lista .grid .card .icone-localizacao {
        width: 14px !important;
        height: 14px !important;
        min-width: 14px !important;
        object-fit: contain !important;
    }

    .lista .grid .card .contato {
        display: block !important;
        width: 100% !important;
        margin-top: 7px !important;
        padding: 8px 6px !important;
        border-radius: 9px !important;
        box-sizing: border-box !important;
        text-align: center !important;
        font-size: 11px !important;
        line-height: 18px !important;
    }

    /* Página Trabalhos */
    .lista-anuncios .anuncio-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 10px !important;
        margin: 0 !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .lista-anuncios .anuncio-card h2 {
        margin: 5px 0 3px !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
    }

    .lista-anuncios .anuncio-profissao,
    .lista-anuncios .anuncio-cidade,
    .lista-anuncios .anuncio-descricao,
    .lista-anuncios .anuncio-card > strong {
        font-size: 10px !important;
        line-height: 1.3 !important;
    }

    .lista-anuncios .anuncio-fotos {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 5px !important;
        margin-top: 7px !important;
    }

    .lista-anuncios .anuncio-fotos img {
        width: 100% !important;
        height: 80px !important;
        object-fit: cover !important;
        border-radius: 7px !important;
    }

    /* Meus anúncios */
    .page-grid .ad-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
    }

    .page-grid .ad-img,
    .page-grid .ad-noimg {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 1.78 / 1 !important;
        object-fit: cover !important;
    }

    .page-grid .ad-body {
        padding: 8px 9px 10px !important;
    }

    .page-grid .ad-body h2 {
        margin: 5px 0 !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
    }

    .page-grid .ad-body p,
    .page-grid .ad-body .tag {
        font-size: 10px !important;
        line-height: 1.3 !important;
    }
}

/* CORREÇÃO FINAL — TEXTO DO MENU MOBILE VISÍVEL */
@media screen and (max-width: 800px) {
  html body header.cabecalho .conta-menu .menu-conta-dropdown a span,
  html body header.cabecalho .conta-menu .menu-conta-dropdown button span {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 1 1 auto !important;
    color: #111111 !important;
    background: transparent !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 700 !important;
    text-indent: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    position: static !important;
    clip: auto !important;
  }

  html body header.cabecalho .conta-menu .menu-conta-dropdown #botao-sair span {
    color: #ff1f1f !important;
  }
}

/* AJUSTE FINAL MOBILE — somente + Anunciar no cabeçalho */
@media screen and (max-width: 800px) {
  html body header.cabecalho .acoes-cabecalho .conta-menu > .botao-conta {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
  }

  html body header.cabecalho .acoes-cabecalho {
    justify-content: flex-start !important;
  }
}


/* AJUSTE FINAL DO MENU MOBILE */
@media screen and (max-width: 800px) {
  header.cabecalho .acoes-cabecalho .conta-menu > .botao-conta {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
  }

  header.cabecalho .acoes-cabecalho {
    justify-content: flex-start !important;
  }

  header.cabecalho .menu-conta-dropdown a span,
  header.cabecalho .menu-conta-dropdown button span {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #111 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 700 !important;
    width: auto !important;
    height: auto !important;
    flex: 1 1 auto !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  header.cabecalho .menu-conta-dropdown #botao-sair span {
    color: #ff1f1f !important;
  }
}

/* ===== LOP — MENU MOBILE UNIFICADO + CARDS DE ANUNCIAR ===== */
@media screen and (max-width: 800px) {

  /* Três linhas em todas as páginas */
  header.cabecalho .mobile-menu-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    margin: 0 8px 0 auto !important;
    border: 0 !important;
    background: transparent !important;
    color: #fff !important;
    font-size: 27px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    z-index: 1000000 !important;
  }

  /* Helper das páginas que não tinham conta: invisível, mas permite o dropdown funcionar. */
  header.cabecalho .conta-menu-mobile-helper {
    position: static !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  header.cabecalho .conta-menu-mobile-helper > .botao-conta {
    display: none !important;
  }

  /* Cards da página Anunciar: menores e organizados no celular. */
  main.escolhas {
    max-width: 100% !important;
    margin: 22px auto !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }

  main.escolhas .escolha {
    width: 100% !important;
    min-height: 0 !important;
    margin: 10px 0 !important;
    padding: 14px !important;
    gap: 13px !important;
    border-radius: 15px !important;
    box-sizing: border-box !important;
  }

  main.escolhas .icone {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    border-radius: 14px !important;
    font-size: 27px !important;
  }

  main.escolhas .texto {
    min-width: 0 !important;
  }

  main.escolhas .texto h2 {
    margin: 0 0 4px !important;
    font-size: 18px !important;
    line-height: 1.12 !important;
  }

  main.escolhas .texto p {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.18 !important;
  }

  main.escolhas .seta {
    margin-left: auto !important;
    font-size: 24px !important;
    flex: 0 0 auto !important;
  }
}

/* =========================================================
   PLANOS-TRABALHO — MOBILE COM O MESMO VISUAL DO DESKTOP
   Mantém 1 card por linha apenas por causa da largura do celular.
   ========================================================= */
@media screen and (max-width: 800px) {
  body:has(.pagina-planos) .pagina-planos {
    width: 92% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 35px 0 80px !important;
    box-sizing: border-box !important;
  }

  body:has(.pagina-planos) .planos-cabecalho {
    text-align: center !important;
    margin-bottom: 45px !important;
    padding: 0 !important;
  }

  body:has(.pagina-planos) .voltar-planos {
    display: inline-block !important;
    margin-bottom: 25px !important;
    font-size: inherit !important;
  }

  body:has(.pagina-planos) .planos-cabecalho h1 {
    margin: 0 0 10px !important;
    font-size: 29px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  body:has(.pagina-planos) .planos-cabecalho p {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    color: #777 !important;
  }

  body:has(.pagina-planos) .planos-container {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  /* Mesmo card do desktop */
  body:has(.pagina-planos) .plano-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 30px 25px 25px !important;
    background: #fff !important;
    border-radius: 18px !important;
    box-sizing: border-box !important;
    box-shadow: 0 8px 30px rgba(0,0,0,.06) !important;
  }

  body:has(.pagina-planos) .plano-topo {
    text-align: center !important;
  }

  body:has(.pagina-planos) .plano-indicador {
    display: inline-block !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: .5px !important;
  }

  body:has(.pagina-planos) .plano-topo h2 {
    margin: 14px 0 0 !important;
    font-size: 34px !important;
    line-height: normal !important;
  }

  body:has(.pagina-planos) .plano-topo p {
    margin: 5px 0 0 !important;
    font-size: 16px !important;
    color: #777 !important;
  }

  body:has(.pagina-planos) .plano-linha {
    height: 1px !important;
    margin: 25px 0 !important;
    background: #e8ebf0 !important;
  }

  body:has(.pagina-planos) .plano-inclui {
    margin-bottom: 12px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #444 !important;
  }

  body:has(.pagina-planos) .plano-beneficios {
    display: grid !important;
    gap: 12px !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
    list-style: none !important;
    flex: 1 !important;
  }

  body:has(.pagina-planos) .plano-beneficios li {
    font-size: 16px !important;
    color: #555 !important;
    line-height: 1.4 !important;
  }

  body:has(.pagina-planos) .plano-beneficios strong {
    color: #222 !important;
  }

  body:has(.pagina-planos) .botao-plano {
    display: block !important;
    width: 100% !important;
    min-height: 48px !important;
    padding: 12px 16px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 800 !important;
  }

  body:has(.pagina-planos) .selo-mais-escolhido {
    top: -13px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    padding: 7px 14px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  body:has(.pagina-planos) .aviso-planos {
    max-width: 850px !important;
    margin: 35px auto 0 !important;
    padding: 20px !important;
    border-radius: 12px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body:has(.pagina-planos) .aviso-planos strong {
    display: block !important;
    margin-bottom: 8px !important;
  }

  body:has(.pagina-planos) .aviso-planos p {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: #777 !important;
  }
}


/* =========================================================
   AJUSTES FINAIS — FAVORITOS / MINHA CONTA / ANUNCIAR / PLANOS
   SOMENTE MOBILE — DESKTOP INALTERADO
   ========================================================= */
@media screen and (max-width: 800px) {

  /* ---------- MENU ☰ — mesma função em todas as páginas ---------- */
  header.cabecalho {
    position: relative !important;
  }

  header.cabecalho .menu-conta-dropdown {
    position: absolute !important;
    top: 42px !important;
    right: 0 !important;
    left: auto !important;
    width: 245px !important;
    max-width: calc(100vw - 20px) !important;
    background: #fff !important;
    border-radius: 0 0 12px 12px !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.22) !important;
    z-index: 9999999 !important;
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  header.cabecalho .menu-conta-dropdown.aberto,
  body.menu-mobile-aberto header.cabecalho .menu-conta-dropdown {
    display: flex !important;
    flex-direction: column !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  header.cabecalho .menu-conta-dropdown a,
  header.cabecalho .menu-conta-dropdown button {
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
  }

  /* ---------- FAVORITOS ---------- */
  body:has(main.page-wrap) {
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    padding-bottom: 62px !important;
    box-sizing: border-box !important;
  }

  body:has(main.page-wrap) main.page-wrap {
    flex: 1 0 auto !important;
    width: 94% !important;
    margin: 18px auto 12px !important;
  }

  body:has(main.page-wrap) .page-head {
    padding: 18px 14px !important;
    margin-bottom: 20px !important;
    border-radius: 18px !important;
  }

  body:has(main.page-wrap) .page-head h1 {
    margin: 0 0 5px !important;
    font-size: 28px !important;
    line-height: 1.1 !important;
  }

  body:has(main.page-wrap) .page-head p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  body:has(main.page-wrap) #conteudo {
    font-size: 14px !important;
  }

  body:has(main.page-wrap) footer.rodape {
    margin-top: auto !important;
    flex-shrink: 0 !important;
  }

  /* ---------- MINHA CONTA ---------- */
  body:has(main.painel) main.painel {
    width: 94% !important;
    margin: 18px auto 15px !important;
    padding: 0 !important;
  }

  body:has(main.painel) .painel .top {
    gap: 10px !important;
    padding: 18px !important;
    border-radius: 18px !important;
  }

  body:has(main.painel) .painel .top h1 {
    font-size: 25px !important;
    line-height: 1.15 !important;
    margin: 0 0 5px !important;
  }

  body:has(main.painel) .painel .top p {
    font-size: 13px !important;
    margin: 0 !important;
  }

  body:has(main.painel) .painel .acoes {
    gap: 7px !important;
  }

  body:has(main.painel) .painel .acoes .btn {
    min-height: 39px !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
    border-radius: 10px !important;
  }

  body:has(main.painel) .painel .grid {
    gap: 12px !important;
    margin-top: 14px !important;
  }

  body:has(main.painel) .painel .card {
    padding: 18px !important;
    border-radius: 17px !important;
  }

  body:has(main.painel) .painel .card h2,
  body:has(main.painel) .painel .card h3 {
    font-size: 18px !important;
  }

  body:has(main.painel) .painel .card p {
    font-size: 13px !important;
  }

  /* ---------- ANUNCIAR ---------- */
  body:has(main.escolhas) header.cabecalho > .botao-anunciar {
    display: none !important;
  }

  body:has(main.escolhas) {
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    padding-bottom: 62px !important;
    box-sizing: border-box !important;
  }

  body:has(main.escolhas) main.escolhas {
    flex: 1 0 auto !important;
  }

  body:has(main.escolhas) footer.rodape {
    margin-top: auto !important;
    flex-shrink: 0 !important;
  }

  body:has(main.escolhas) .menu-conta-dropdown a,
  body:has(main.escolhas) .menu-conta-dropdown button {
    text-decoration: none !important;
  }

  /* ---------- PLANOS DE TRABALHO ---------- */
  body:has(main.pagina-planos) .voltar-planos {
    display: none !important;
  }

  body:has(main.pagina-planos) main.pagina-planos {
    width: 96% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 20px 0 75px !important;
    box-sizing: border-box !important;
  }

  body:has(main.pagina-planos) .planos-cabecalho {
    text-align: center !important;
    margin: 0 0 22px !important;
    padding: 0 5px !important;
  }

  body:has(main.pagina-planos) .planos-cabecalho h1 {
    font-size: 23px !important;
    line-height: 1.15 !important;
    margin: 0 0 7px !important;
  }

  body:has(main.pagina-planos) .planos-cabecalho p {
    font-size: 12px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
  }

  body:has(main.pagina-planos) .planos-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    align-items: stretch !important;
  }

  body:has(main.pagina-planos) .plano-card {
    min-width: 0 !important;
    width: 100% !important;
    padding: 16px 10px 12px !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;
    box-shadow: 0 5px 18px rgba(0,0,0,.07) !important;
  }

  body:has(main.pagina-planos) .plano-topo {
    text-align: center !important;
  }

  body:has(main.pagina-planos) .plano-indicador {
    font-size: 9px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  body:has(main.pagina-planos) .plano-topo h2 {
    font-size: 22px !important;
    line-height: 1 !important;
    margin: 8px 0 3px !important;
  }

  body:has(main.pagina-planos) .plano-topo p {
    font-size: 10px !important;
    margin: 0 !important;
  }

  body:has(main.pagina-planos) .plano-linha {
    margin: 13px 0 !important;
  }

  body:has(main.pagina-planos) .plano-inclui {
    font-size: 11px !important;
    line-height: 1.2 !important;
    margin: 0 0 7px !important;
  }

  body:has(main.pagina-planos) .plano-beneficios {
    gap: 5px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
  }

  body:has(main.pagina-planos) .plano-beneficios li {
    font-size: 10px !important;
    line-height: 1.18 !important;
    overflow-wrap: anywhere !important;
  }

  body:has(main.pagina-planos) .botao-plano {
    min-height: 36px !important;
    padding: 8px 5px !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    border-radius: 8px !important;
  }

  body:has(main.pagina-planos) .selo-mais-escolhido {
    top: -8px !important;
    padding: 4px 7px !important;
    font-size: 8px !important;
  }

  body:has(main.pagina-planos) .aviso-planos {
    margin: 16px 0 0 !important;
    padding: 12px !important;
    font-size: 11px !important;
    border-radius: 10px !important;
  }

  body:has(main.pagina-planos) .aviso-planos p {
    font-size: 10px !important;
    line-height: 1.3 !important;
  }
}


/* =========================================================
   V2 — AJUSTES SOLICITADOS / SOMENTE MOBILE
   ========================================================= */
@media screen and (max-width: 800px) {

  /* Menu ☰: funciona independentemente do botão de conta. */
  header.cabecalho .mobile-menu-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 10000000 !important;
    cursor: pointer !important;
  }

  header.cabecalho .menu-conta-dropdown {
    z-index: 10000001 !important;
  }

  /* Planos: dois cards lado a lado, com detalhes legíveis e sem "Voltar". */
  body:has(main.pagina-planos) .voltar-planos {
    display: none !important;
  }

  body:has(main.pagina-planos) main.pagina-planos {
    width: 96% !important;
    margin: 0 auto !important;
    padding: 18px 0 78px !important;
    box-sizing: border-box !important;
  }

  body:has(main.pagina-planos) .planos-cabecalho {
    margin: 0 0 20px !important;
    padding: 0 4px !important;
    text-align: center !important;
  }

  body:has(main.pagina-planos) .planos-cabecalho h1 {
    font-size: 23px !important;
    line-height: 1.15 !important;
    margin: 0 0 6px !important;
  }

  body:has(main.pagina-planos) .planos-cabecalho p {
    font-size: 12px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
  }

  body:has(main.pagina-planos) .planos-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    align-items: stretch !important;
  }

  body:has(main.pagina-planos) .plano-card {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 17px 10px 12px !important;
    border-radius: 15px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    box-shadow: 0 5px 18px rgba(0,0,0,.07) !important;
  }

  body:has(main.pagina-planos) .plano-essencial {
    border: 1px solid #e1e6ef !important;
  }

  body:has(main.pagina-planos) .plano-destaque {
    border: 2px solid #1769ff !important;
  }

  body:has(main.pagina-planos) .plano-premium {
    border: 2px solid #6d3cff !important;
  }

  body:has(main.pagina-planos) .plano-topo {
    text-align: center !important;
  }

  body:has(main.pagina-planos) .plano-indicador {
    font-size: 9px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }

  body:has(main.pagina-planos) .plano-topo h2 {
    font-size: 22px !important;
    line-height: 1 !important;
    margin: 8px 0 3px !important;
  }

  body:has(main.pagina-planos) .plano-topo p {
    font-size: 10px !important;
    margin: 0 !important;
  }

  body:has(main.pagina-planos) .plano-linha {
    height: 1px !important;
    margin: 13px 0 !important;
  }

  body:has(main.pagina-planos) .plano-inclui {
    font-size: 10px !important;
    line-height: 1.2 !important;
    margin: 0 0 7px !important;
  }

  body:has(main.pagina-planos) .plano-beneficios {
    display: grid !important;
    gap: 5px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    list-style: none !important;
    flex: 1 !important;
  }

  body:has(main.pagina-planos) .plano-beneficios li {
    font-size: 9px !important;
    line-height: 1.18 !important;
    overflow-wrap: anywhere !important;
  }

  body:has(main.pagina-planos) .botao-plano {
    width: 100% !important;
    min-height: 35px !important;
    padding: 7px 4px !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  body:has(main.pagina-planos) .selo-mais-escolhido {
    top: -8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    padding: 4px 7px !important;
    font-size: 8px !important;
    white-space: nowrap !important;
  }

  body:has(main.pagina-planos) .aviso-planos {
    margin: 16px 0 0 !important;
    padding: 12px !important;
    border-radius: 10px !important;
  }

  body:has(main.pagina-planos) .aviso-planos p {
    font-size: 10px !important;
    line-height: 1.3 !important;
  }

  /* Página de pagamento: remove o botão próprio de voltar no mobile.
     O "Voltar à loja" do checkout é controlado pelo Mercado Pago. */
  body:has(main.pagina-pagamento) .botao-voltar-pagamento {
    display: none !important;
  }
}


/* =========================================================
   INDEX — CARDS DE DESTAQUE MOBILE (PADRÃO DAS PÁGINAS)
   Somente mobile. Não altera desktop.
   ========================================================= */
@media screen and (max-width: 800px) {
  .destaques .anuncios-container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .destaques .anuncio-card.anuncio-destaque-real {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 0 10px !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    color: #111 !important;
  }

  .destaques .anuncio-card.anuncio-destaque-real,
  .destaques .anuncio-card.anuncio-destaque-real:link,
  .destaques .anuncio-card.anuncio-destaque-real:visited,
  .destaques .anuncio-card.anuncio-destaque-real:hover,
  .destaques .anuncio-card.anuncio-destaque-real:active {
    color: #111 !important;
    text-decoration: none !important;
  }

  .destaques .anuncio-card.anuncio-destaque-real .anuncio-imagem-foto,
  .destaques .anuncio-card.anuncio-destaque-real .anuncio-imagem {
    display: block !important;
    width: 100% !important;
    height: 116px !important;
    min-height: 116px !important;
    max-height: 116px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
  }

  .destaques .anuncio-card.anuncio-destaque-real .anuncio-home-conteudo {
display: block !important;
            padding: 10px 0px 0px !important;
            margin: 1px !important;
            box-sizing: border-box !important;
  }

  .destaques .anuncio-card.anuncio-destaque-real .anuncio-home-conteudo h3 {
    display: block !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    color: #06144f !important;
    text-decoration: none !important;
  }

  .destaques .anuncio-card.anuncio-destaque-real .anuncio-home-conteudo .nome-anunciante {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    color: #222 !important;
    text-decoration: none !important;
  }

  .destaques .anuncio-card.anuncio-destaque-real .selo-nome {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    max-width: 17px !important;
    object-fit: contain !important;
    margin: 0 !important;
  }

  .destaques .anuncio-card.anuncio-destaque-real .profissao-card {
    display: block !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: #111 !important;
    text-decoration: none !important;
  }

  .destaques .anuncio-card.anuncio-destaque-real .descricao-card {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    color: #555 !important;
    text-decoration: none !important;
  }

  .destaques .anuncio-card.anuncio-destaque-real .valor-card {
    display: block !important;
    margin: 3px 0 5px !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: #111 !important;
    text-decoration: none !important;
  }

  .destaques .anuncio-card.anuncio-destaque-real .local-card {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 5px 0 8px !important;
    padding: 0 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    color: #111 !important;
    text-decoration: none !important;
  }

  .destaques .anuncio-card.anuncio-destaque-real .local-card strong {
    color: #111 !important;
    font-weight: 700 !important;
  }

  .destaques .anuncio-card.anuncio-destaque-real .icone-localizacao {
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    object-fit: contain !important;
    margin: 0 !important;
  }

  .destaques .anuncio-card.anuncio-destaque-real .btn-home-anuncio {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 31px !important;
    margin: 5px 0 0 !important;
    padding: 7px 5px !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #1769ff !important;
    color: #fff !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  .destaques .anuncio-card.anuncio-destaque-real .destaque-badge {
    position: absolute !important;
    top: 7px !important;
    right: 7px !important;
    left: auto !important;
    z-index: 20 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: 22px !important;
    min-height: 22px !important;
    padding: 4px 7px !important;
    box-sizing: border-box !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #1769ff !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.15) !important;
  }
}

/* =====================================================
   SELO MAIS ESCOLHIDO — PLANOS TRABALHO — MOBILE
   ===================================================== */

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

    body:has(main.pagina-planos) .plano-card {
        position: relative !important;
        overflow: visible !important;
    }

    body:has(main.pagina-planos) .plano-destaque .selo-mais-escolhido {
        position: absolute !important;

        top: -13px !important;
        left: 50% !important;

        transform: translateX(-50%) !important;

        z-index: 999 !important;

        padding: 7px 14px !important;

        border-radius: 20px !important;

        background: #1769ff !important;
        color: #fff !important;

        font-size: 12px !important;
        font-weight: 800 !important;

        line-height: 1 !important;
        white-space: nowrap !important;

        box-shadow: 0 4px 12px rgba(23,105,255,.25) !important;
    }

}

/* =========================================================
   LOP DIVULGAÇÕES — SELO PREMIUM + TIPOGRAFIA DOS DESTAQUES
   MOBILE
   ========================================================= */

@media (max-width: 800px) {

    .destaques .anuncio-card.anuncio-destaque-real,
    .destaques .anuncio-card.anuncio-destaque-real:link,
    .destaques .anuncio-card.anuncio-destaque-real:visited,
    .destaques .anuncio-card.anuncio-destaque-real:hover,
    .destaques .anuncio-card.anuncio-destaque-real:active {
        color: #111827 !important;
        text-decoration: none !important;
        -webkit-text-decoration: none !important;
    }

    .destaques .anuncio-card.anuncio-destaque-real h3,
    .destaques .anuncio-card.anuncio-destaque-real h3:link,
    .destaques .anuncio-card.anuncio-destaque-real h3:visited,
    .destaques .anuncio-card.anuncio-destaque-real h3:hover {
        color: #06144f !important;
        text-decoration: none !important;
        -webkit-text-decoration: none !important;
    }

    .destaques .anuncio-card.anuncio-destaque-real p,
    .destaques .anuncio-card.anuncio-destaque-real b {
        color: #334155 !important;
        text-decoration: none !important;
    }

    .destaques .anuncio-card.anuncio-destaque-real .nome-anunciante {
        color: #475569 !important;
    }

    .destaques .anuncio-card.anuncio-destaque-real .profissao-card {
        color: #111827 !important;
    }

    .destaques .anuncio-card.anuncio-destaque-real .descricao-card {
        color: #64748b !important;
    }

    .destaques .anuncio-card.anuncio-destaque-real .valor-card {
        color: #111827 !important;
        font-weight: 800 !important;
    }

    .destaques .anuncio-card.anuncio-destaque-real .local-card,
    .destaques .anuncio-card.anuncio-destaque-real .local-card strong {
        color: #111827 !important;
    }

    .destaques .anuncio-card.anuncio-destaque-real .btn-home-anuncio,
    .destaques .anuncio-card.anuncio-destaque-real .btn-home-anuncio:visited,
    .destaques .anuncio-card.anuncio-destaque-real .btn-home-anuncio:hover,
    .destaques .anuncio-card.anuncio-destaque-real .btn-home-anuncio:active {
        color: #fff !important;
        text-decoration: none !important;
    }

    /* SOMENTE PREMIUM */
    .destaques .anuncio-card.anuncio-destaque-real .premium-badge {
        position: absolute !important;
        top: 8px !important;
        right: 8px !important;
        left: auto !important;
        z-index: 50 !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;

        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 6px 11px !important;
        box-sizing: border-box !important;

        background: linear-gradient(135deg, #6d00ff 0%, #b400ff 100%) !important;
        color: #fff !important;

        border: 2px solid rgba(255,255,255,.92) !important;
        border-radius: 999px !important;

        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        letter-spacing: .2px !important;

        text-decoration: none !important;

        box-shadow:
            0 0 7px rgba(174,0,255,.85),
            0 0 16px rgba(174,0,255,.50) !important;
    }

    .destaques .anuncio-card.anuncio-destaque-real .premium-badge *,
    .destaques .anuncio-card.anuncio-destaque-real .premium-badge:hover,
    .destaques .anuncio-card.anuncio-destaque-real .premium-badge:visited {
        color: #fff !important;
        text-decoration: none !important;
    }

    .destaques .anuncio-card.anuncio-destaque-real .premium-coroa {
        font-size: 14px !important;
        line-height: 1 !important;
    }
}


/* =========================================================
   DESCRIÇÃO CURTA — ANÚNCIOS
   Máximo de 300 caracteres no formulário e 3 linhas no card.
========================================================= */

.campo textarea#descricao,
.field textarea#descricao {
    width: 100%;
    box-sizing: border-box;
    resize: vertical;
    min-height: 96px;
    max-height: 180px;
}

.contador-descricao {
    margin-top: 5px;
    text-align: right;
    font-size: 12px;
    line-height: 1.2;
    color: #64748b;
}

.destaques .anuncio-card.anuncio-destaque-real .descricao-card {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
    max-height: 4.2em !important;
    line-height: 1.4 !important;
    color: #475569 !important;
    text-decoration: none !important;
}

/* =========================================================
   PERFIL + SELO DE VERIFICADO — CABEÇALHO PC E MOBILE
   ========================================================= */
.cabecalho .botao-conta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
}

.cabecalho .selo-verificado-menu {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    object-fit: contain !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 0 0 2px !important;
    position: static !important;
    flex: 0 0 18px !important;
}

.cabecalho .menu-perfil-resumo {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 10px !important;
    margin: 0 0 6px !important;
    border-bottom: 1px solid #e5e7eb !important;
    background: linear-gradient(135deg,#f7faff,#fff) !important;
    border-radius: 10px !important;
}
.cabecalho .menu-perfil-avatar {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #eef4ff !important;
    font-size: 20px !important;
}
.cabecalho .menu-perfil-info { min-width: 0 !important; }
.cabecalho .menu-perfil-nome {
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
}
.cabecalho .menu-perfil-info small {
    display: block !important;
    color: #64748b !important;
    font-size: 11px !important;
    margin-top: 1px !important;
}

@media (max-width: 800px) {
    .cabecalho .menu-conta-dropdown {
        width: min(290px, calc(100vw - 24px)) !important;
        right: 0 !important;
    }
    .cabecalho .menu-perfil-resumo {
        padding: 12px !important;
    }
    .cabecalho .menu-perfil-nome {
        font-size: 14px !important;
    }
}


/* =====================================================
   SELO DE VERIFICADO — MENU DA CONTA (PC + MOBILE)
   ===================================================== */
.cabecalho .selo-verificado-menu {
    width:18px !important;
    height:18px !important;
    max-width:18px !important;
    max-height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    object-fit:contain !important;
    display:inline-block !important;
    flex:0 0 18px !important;
    vertical-align:middle !important;
    margin:0 0 0 5px !important;
    position:static !important;
}
.cabecalho .selo-verificado-botao {
    width:16px !important;
    height:16px !important;
    max-width:16px !important;
    max-height:16px !important;
    min-width:16px !important;
    min-height:16px !important;
    flex:0 0 16px !important;
}
.cabecalho .menu-perfil-nome {
    display:flex !important;
    align-items:center !important;
    gap:0 !important;
}


/* =========================================================
   CADASTRO — VISUAL PROFISSIONAL (MOBILE)
   Apenas aparência; não altera a lógica existente.
   ========================================================= */
@media (max-width: 800px) {
  .cadastro-trabalho { width:94% !important; padding:24px 0 48px !important; }
  .cadastro-trabalho .titulo-pagina { margin-bottom:18px !important; }
  .cadastro-trabalho .titulo-pagina h1 { font-size:25px !important; line-height:1.2 !important; color:#06144f !important; }
  .cadastro-trabalho .titulo-pagina p { font-size:13px !important; line-height:1.45 !important; color:#64748b !important; }
  .cadastro-trabalho .plano-selecionado-box { padding:17px !important; margin-bottom:16px !important; gap:10px !important; background:#fff !important; border:1px solid #dbe5f5 !important; border-radius:14px !important; box-shadow:0 6px 18px rgba(15,35,80,.06) !important; }
  .cadastro-trabalho .plano-selecionado-box h2 { font-size:18px !important; color:#0f1f4d !important; }
  .cadastro-trabalho .bloco-form { padding:17px !important; border-radius:15px !important; background:#fff !important; border:1px solid #e2e8f0 !important; box-shadow:0 6px 18px rgba(15,35,80,.055) !important; }
  .cadastro-trabalho .bloco-form h2 { font-size:18px !important; margin-bottom:16px !important; color:#0f1f4d !important; }
  .cadastro-trabalho .campo { margin-bottom:14px !important; }
  .cadastro-trabalho .campo label { font-size:14px !important; margin-bottom:6px !important; color:#334155 !important; }
  .cadastro-trabalho .campo input, .cadastro-trabalho .campo textarea, .cadastro-trabalho .campo select { min-height:44px !important; padding:11px 12px !important; background:#f8fafc !important; color:#0f172a !important; border:1px solid #d7e0ec !important; border-radius:10px !important; font-size:14px !important; }
  .cadastro-trabalho .campo textarea { min-height:130px !important; }

  body:has(main.wrap) .wrap { width:94% !important; max-width:none !important; margin:24px auto 50px !important; padding:0 !important; }
  body:has(main.wrap) .wrap .form { padding:19px !important; border-radius:16px !important; border:1px solid #e2e8f0 !important; box-shadow:0 7px 20px rgba(15,35,80,.07) !important; }
  body:has(main.wrap) .wrap .form h1 { font-size:24px !important; line-height:1.2 !important; }
  body:has(main.wrap) .wrap .field { margin-bottom:16px !important; }
  body:has(main.wrap) .wrap .field label { font-size:14px !important; }
  body:has(main.wrap) .wrap .field input, body:has(main.wrap) .wrap .field textarea, body:has(main.wrap) .wrap .field select { min-height:44px !important; padding:11px 12px !important; background:#f8fafc !important; color:#0f172a !important; border:1px solid #d7e0ec !important; border-radius:10px !important; font-size:14px !important; }
  body:has(main.wrap) .wrap .field textarea { min-height:130px !important; }
}

/* =========================================================
   INDEX — CARROSSEL DE DESTAQUES
   ========================================================= */
@media (min-width: 801px) {
  .destaques .anuncios-carousel { position:relative !important; display:flex !important; align-items:center !important; gap:12px !important; }
  .destaques .anuncios-viewport { overflow:hidden !important; flex:1 1 auto !important; min-width:0 !important; }
  .destaques .anuncios-container { display:flex !important; grid-template-columns:none !important; gap:18px !important; overflow:visible !important; transition:transform .28s ease !important; width:max-content !important; justify-content:flex-start !important; }
  .destaques .anuncios-container .anuncio-card.anuncio-destaque-real { flex:0 0 calc((100% - 54px) / 4) !important; width:calc((100% - 54px) / 4) !important; max-width:none !important; }
  .destaques .carousel-arrow { flex:0 0 42px !important; width:42px !important; height:42px !important; border:0 !important; border-radius:50% !important; background:#1769ff !important; color:#fff !important; font-size:26px !important; font-weight:800 !important; cursor:pointer !important; box-shadow:0 6px 18px rgba(23,105,255,.22) !important; }
  .destaques .carousel-arrow[disabled] { opacity:.35 !important; cursor:default !important; }
}
@media (max-width: 800px) {
  .destaques .anuncios-carousel { position:relative !important; }
  .destaques .anuncios-viewport { overflow:hidden !important; width:100% !important; }
  .destaques .anuncios-container { display:flex !important; grid-template-columns:none !important; gap:10px !important; overflow:visible !important; width:max-content !important; transition:transform .25s ease !important; }
  .destaques .anuncios-container .anuncio-card.anuncio-destaque-real { flex:0 0 calc(100vw - 70px) !important; width:calc(100vw - 70px) !important; max-width:calc(100vw - 70px) !important; min-width:0 !important; }
  .destaques .carousel-arrow { position:absolute !important; top:50% !important; transform:translateY(-50%) !important; z-index:20 !important; width:34px !important; height:34px !important; border:0 !important; border-radius:50% !important; background:#1769ff !important; color:#fff !important; font-size:21px !important; font-weight:800 !important; cursor:pointer !important; box-shadow:0 5px 15px rgba(23,105,255,.24) !important; }
  .destaques .carousel-prev { left:3px !important; } .destaques .carousel-next { right:3px !important; }
  .destaques .carousel-arrow[disabled] { opacity:.28 !important; }
}


/* =========================================================
   DESTAQUES MOBILE — 3 CARDS LADO A LADO + SETAS
   Aplicado por último para prevalecer sobre estilos antigos.
   ========================================================= */
@media (max-width: 800px) {
  .destaques .anuncios-carousel {
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    width:100% !important;
    box-sizing:border-box !important;
  }
  .destaques .anuncios-viewport {
    flex:1 1 auto !important;
    width:0 !important;
    min-width:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }
  .destaques .anuncios-container {
    display:flex !important;
    flex-wrap:nowrap !important;
    width:100% !important;
    min-width:100% !important;
    max-width:none !important;
    gap:10px !important;
    overflow:visible !important;
    justify-content:flex-start !important;
    transition:transform .25s ease !important;
    box-sizing:border-box !important;
  }
  .destaques .anuncios-container .anuncio-card.anuncio-destaque-real {
    flex:0 0 calc((100% - 20px) / 3) !important;
    width:calc((100% - 20px) / 3) !important;
    min-width:calc((100% - 20px) / 3) !important;
    max-width:calc((100% - 20px) / 3) !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 0 7px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    border-radius:8px !important;
  }
  .destaques .anuncios-container .anuncio-card.anuncio-destaque-real .anuncio-imagem-foto,
  .destaques .anuncios-container .anuncio-card.anuncio-destaque-real .anuncio-imagem {
            width: 100% !important;
            height: 78px !important;
            min-height: 172px !important;
            max-height: 79px !important;
            object-fit: cover !important;
            margin: 0 !important;
  }
  .destaques .anuncio-home-conteudo { padding:4px 4px 6px !important; }
  .destaques .anuncio-card.anuncio-destaque-real h3 {
    font-size:9px !important;
    line-height:1.15 !important;
    margin:4px 3px 3px !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }
  .destaques .anuncio-card.anuncio-destaque-real p,
  .destaques .anuncio-card.anuncio-destaque-real b {
    font-size:7px !important;
    line-height:1.2 !important;
    margin:2px 3px !important;
  }
  .destaques .anuncio-card.anuncio-destaque-real .descricao-card {
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }
  .destaques .anuncio-card.anuncio-destaque-real .btn-home-anuncio {
    display:block !important;
    margin:4px 2px 0 !important;
    padding:5px 2px !important;
    border-radius:4px !important;
    font-size:7px !important;
    line-height:1 !important;
    text-align:center !important;
  }
  .destaques .carousel-arrow {
    position:static !important;
    flex:0 0 28px !important;
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:#1769ff !important;
    color:#fff !important;
    font-size:19px !important;
    font-weight:800 !important;
    line-height:28px !important;
    cursor:pointer !important;
    box-shadow:0 4px 10px rgba(23,105,255,.20) !important;
    z-index:5 !important;
  }
  .destaques .carousel-arrow[disabled] { opacity:.25 !important; cursor:default !important; }
}

/* =========================================================
   DESTAQUES — PADRÃO FINAL RESPONSIVO
   MOBILE: 2 CARDS | PC: 4 CARDS
   ========================================================= */
@media (max-width: 800px) {
  .destaques .anuncios-carousel {
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    width:100% !important;
    box-sizing:border-box !important;
  }

  .destaques .anuncios-viewport {
    flex:1 1 auto !important;
    width:0 !important;
    min-width:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  .destaques .anuncios-container {
    display:flex !important;
    flex-wrap:nowrap !important;
    width:100% !important;
    min-width:100% !important;
    max-width:none !important;
    gap:8px !important;
    justify-content:flex-start !important;
    transition:transform .28s ease !important;
    box-sizing:border-box !important;
  }

  .destaques .anuncios-container .anuncio-card.anuncio-destaque-real {
    flex:0 0 calc((100% - 8px) / 2) !important;
    width:calc((100% - 8px) / 2) !important;
    min-width:calc((100% - 8px) / 2) !important;
    max-width:calc((100% - 8px) / 2) !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 0 8px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    border-radius:11px !important;
    background:#fff !important;
    box-shadow:0 2px 9px rgba(15,23,42,.10) !important;
  }

  .destaques .anuncios-container .anuncio-card.anuncio-destaque-real .anuncio-imagem-foto,
  .destaques .anuncios-container .anuncio-card.anuncio-destaque-real .anuncio-imagem {
    display:block !important;
    width:100% !important;
    height:128px !important;
    min-height:128px !important;
    max-height:128px !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:cover !important;
    object-position:center !important;
    box-sizing:border-box !important;
    border-radius:0 !important;
  }

  .destaques .anuncios-container .anuncio-card.anuncio-destaque-real .anuncio-home-conteudo {
    display:flex !important;
    flex-direction:column !important;
    padding:8px 8px 8px !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  .destaques .anuncios-container .anuncio-card.anuncio-destaque-real h3 {
    font-size:12px !important;
    line-height:1.18 !important;
    font-weight:800 !important;
    margin:0 0 4px !important;
    padding:0 !important;
    color:#06144f !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  .destaques .anuncios-container .anuncio-card.anuncio-destaque-real .nome-anunciante {
    display:flex !important;
    align-items:center !important;
    gap:4px !important;
    margin:0 0 5px !important;
    padding:0 !important;
    font-size:10px !important;
    line-height:1.2 !important;
    color:#475569 !important;
  }

  .destaques .anuncios-container .anuncio-card.anuncio-destaque-real .selo-nome {
    width:12px !important;
    height:12px !important;
    min-width:12px !important;
    max-width:12px !important;
    object-fit:contain !important;
    margin:0 !important;
  }

  .destaques .anuncios-container .anuncio-card.anuncio-destaque-real .profissao-card {
    margin:0 0 5px !important;
    padding:0 !important;
    font-size:9px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    color:#111827 !important;
  }

  .destaques .anuncios-container .anuncio-card.anuncio-destaque-real .descricao-card {
    margin:0 0 5px !important;
    padding:0 !important;
    font-size:9px !important;
    line-height:1.3 !important;
    color:#64748b !important;
    display:-webkit-box !important;
    -webkit-line-clamp:3 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    max-height:3.9em !important;
  }

  .destaques .anuncios-container .anuncio-card.anuncio-destaque-real .valor-card {
    margin:2px 0 5px !important;
    padding:0 !important;
    font-size:10px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
  }

  .destaques .anuncios-container .anuncio-card.anuncio-destaque-real .local-card {
    display:flex !important;
    align-items:center !important;
    gap:3px !important;
    margin:4px 0 7px !important;
    padding:0 !important;
    font-size:9px !important;
    line-height:1.2 !important;
  }

  .destaques .anuncios-container .anuncio-card.anuncio-destaque-real .icone-localizacao {
    width:11px !important;
    height:11px !important;
    min-width:11px !important;
    object-fit:contain !important;
  }

  .destaques .anuncios-container .anuncio-card.anuncio-destaque-real .btn-home-anuncio {
    display:block !important;
    width:100% !important;
    min-height:31px !important;
    margin:3px 0 0 !important;
    padding:7px 3px !important;
    border-radius:7px !important;
    background:#1769ff !important;
    color:#fff !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:800 !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }

  .destaques .carousel-arrow {
    flex:0 0 28px !important;
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:#1769ff !important;
    color:#fff !important;
    font-size:20px !important;
    font-weight:800 !important;
    line-height:28px !important;
    box-shadow:0 4px 10px rgba(23,105,255,.22) !important;
    z-index:10 !important;
  }

  .destaques .carousel-arrow[disabled] {
    opacity:.28 !important;
    cursor:default !important;
  }
}


/* =========================================================
   MENU DO PERFIL — MOBILE
   O selo de verificado fica imediatamente ao lado do nome.
   ========================================================= */
@media (max-width: 800px) {
    .cabecalho .conta-menu {
        position: relative !important;
    }

    .cabecalho .menu-conta-dropdown .menu-perfil-resumo {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }

    .cabecalho .menu-conta-dropdown .menu-perfil-info {
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .cabecalho .menu-conta-dropdown .menu-perfil-info strong {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
        white-space: nowrap !important;
    }

    .cabecalho .menu-conta-dropdown .selo-verificado-menu {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;
        max-width: 18px !important;
        max-height: 18px !important;
        object-fit: contain !important;
        display: inline-block !important;
        position: static !important;
        margin: 0 0 0 3px !important;
        flex: 0 0 18px !important;
    }

    .cabecalho .botao-conta .selo-verificado-botao {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        max-width: 16px !important;
        object-fit: contain !important;
        display: inline-block !important;
        vertical-align: middle !important;
        margin-left: 4px !important;
        position: static !important;
    }
}


/* =========================================================
   PATROCÍNIO — CARD MOBILE
   Um único card, centralizado e ocupando a largura útil da tela.
   Não altera os cards dos outros planos.
   ========================================================= */
@media screen and (max-width: 800px) {
    body:has(main.pagina-planos.pagina-patrocinio) .pagina-planos {
        width: calc(100% - 28px) !important;
        max-width: 560px !important;
        margin: 0 auto !important;
        padding: 28px 0 70px !important;
        box-sizing: border-box !important;
    }

    body:has(main.pagina-planos.pagina-patrocinio) .planos-cabecalho {
        width: 100% !important;
        margin-bottom: 28px !important;
        text-align: center !important;
    }

    body:has(main.pagina-planos.pagina-patrocinio) .planos-cabecalho h1 {
        font-size: 26px !important;
        line-height: 1.18 !important;
        margin: 8px 0 !important;
    }

    body:has(main.pagina-planos.pagina-patrocinio) .planos-cabecalho p {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    body:has(main.pagina-planos.pagina-patrocinio) .planos-container {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 18px !important;
        margin: 0 !important;
    }

    body:has(main.pagina-planos.pagina-patrocinio) .plano-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 24px 20px 20px !important;
        border: 2px solid #6d3cff !important;
        border-radius: 18px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    body:has(main.pagina-planos.pagina-patrocinio) .plano-topo h2 {
        font-size: 28px !important;
        margin-top: 10px !important;
    }

    body:has(main.pagina-planos.pagina-patrocinio) .plano-indicador {
        font-size: 12px !important;
    }

    body:has(main.pagina-planos.pagina-patrocinio) .plano-topo p {
        font-size: 13px !important;
    }

    body:has(main.pagina-planos.pagina-patrocinio) .plano-linha {
        margin: 18px 0 !important;
    }

    body:has(main.pagina-planos.pagina-patrocinio) .plano-inclui {
        font-size: 14px !important;
        line-height: 1.35 !important;
    }

    body:has(main.pagina-planos.pagina-patrocinio) .plano-beneficios {
        gap: 9px !important;
        margin-bottom: 18px !important;
    }

    body:has(main.pagina-planos.pagina-patrocinio) .plano-beneficios li {
        font-size: 13px !important;
        line-height: 1.35 !important;
        overflow-wrap: anywhere !important;
    }

    body:has(main.pagina-planos.pagina-patrocinio) .botao-plano {
        width: 100% !important;
        min-height: 44px !important;
        padding: 11px 14px !important;
        font-size: 14px !important;
        box-sizing: border-box !important;
    }

    body:has(main.pagina-planos.pagina-patrocinio) .selo-mais-escolhido {
        max-width: calc(100% - 30px) !important;
        top: -11px !important;
        font-size: 10px !important;
        padding: 6px 11px !important;
        white-space: nowrap !important;
    }

    body:has(main.pagina-planos.pagina-patrocinio) .aviso-planos {
        width: 100% !important;
        box-sizing: border-box !important;
        margin-top: 18px !important;
    }
}


/* ===== HOME HERO / CATEGORIAS RESPONSIVO ===== */
@media(max-width:800px){
 .banner{width:100%;height:250px;min-height:250px;background-size:cover;background-position:center}
 .banner-conteudo{padding:30px 20px 0;text-align:left;width:100%}
 .banner-conteudo h1{font-size:clamp(25px,6vw,34px);line-height:1.12;max-width:520px}
 .banner-conteudo p{font-size:14px;line-height:1.4}
 .banner-busca{margin:-78px auto 20px;width:calc(100% - 28px);height:44px;background:#fff}
 .banner-busca input{color:#14234b}
 .banner-busca input::placeholder{color:#64748b}
 .categorias{padding:14px 12px 26px;background:#f3f7fc}
 .categorias h2{font-size:22px}
 .categorias-subtitulo{font-size:12px;margin-bottom:14px}
 .categorias-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .categoria-card{padding:14px 10px;min-height:130px;text-align:center}
 .categoria-icone{margin:0 auto 8px}
 .categoria-icone img{max-width:38px;max-height:38px}
 .categoria-card h3{font-size:14px;margin-bottom:5px}
 .categoria-card p{font-size:11px;line-height:1.35}
}


/* ===== AJUSTE DO BANNER MOBILE: MENOS ALTURA ===== */
@media (max-width: 800px) {
  .banner {
    height: 245px !important;
    min-height: 245px !important;
    max-height: 245px !important;
    background-size: cover !important;
    background-position: center center !important;
  }
  .banner-conteudo {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
}



/* CORREÇÃO: foto preenche exatamente o círculo do resumo do menu da conta */
.cabecalho .menu-perfil-resumo .menu-perfil-avatar {
    box-sizing: border-box !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
    flex: 0 0 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    overflow: hidden !important;
}
.cabecalho .menu-perfil-resumo .menu-perfil-avatar > img {
    box-sizing: border-box !important;
    display: block !important;
    position: static !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    flex: 0 0 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border: 0 !important;
    border-radius: 50% !important;
    padding: 0 !important;
    margin: 0 !important;
}