/* Progressive overrides — mobile-first base lives in style.css */

@media (min-width: 480px) {
    section#jhs-imoveis-destaques div.container-imoveis-grid,
    section#card-empreendimentos div.container-cards div.cards-empreendimento,
    section#card-avulsos div.container-cards-avulsos div.card-avulso {
        grid-template-columns: repeat(2, 1fr);
    }

    section#jhs-bairros-destaques div.container-bairros-destaques div.bairros-destaques-card {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 768px) {
    :root {
        --page-padding: 30px;
        --header-height: 100px;
    }

    div.container-home-header header div.header-figure-nav nav.header-links {
        display: block;
    }

    div.container-home-header header div.header-figure-nav nav.header-links ul {
        display: flex;
        align-items: center;
        gap: 24px;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    div.container-home-header header div.header-figure-nav figure img {
        width: 80px;
    }

    div.container-home-header header div.contatos-menu div.phone-contato {
        display: flex;
    }

    .menu-site,
    .menu-global {
        display: none;
    }

    header#global div.header-link-pages nav.header-links-pages,
    header#global div.header-link-pages div.container-social {
        display: flex;
    }

    header#global div.header-link-pages figure.logolink img {
        width: 80px;
    }

    section.container-info-home {
        flex-direction: row;
        padding-top: 100px;
    }

    section.container-info-home div.left-container {
        width: 50%;
        padding: 80px 0 0;
    }

    section.container-info-home div.right-container {
        width: 50%;
        margin-top: 0;
    }

    section.container-info-home div.right-container div.container-dados {
        display: flex;
        position: absolute;
        bottom: 0;
        right: 30px;
        justify-content: flex-end;
        align-items: center;
    }

    footer#jhs-footer {
        padding: 120px var(--page-padding) 30px;
    }

    footer#jhs-footer div.container-jhs-footer section.calculadora-compras {
        flex-direction: row;
        align-items: stretch;
    }

    footer#jhs-footer div.container-jhs-footer section.calculadora-compras div.container-calculadora button.btn-calculadora,
    footer#jhs-footer div.container-jhs-footer section.calculadora-compras div.container-anuncie button.btn-anuncie {
        width: auto;
        min-width: 220px;
    }

    footer#jhs-footer div.container-jhs-footer div.container-footer-submit div.container-end-form,
    main#pagina-contato div.container-jhs-footer div.container-footer-submit div.container-end-form {
        flex-direction: row;
        align-items: flex-start;
        padding: 20px 40px 0;
    }

    footer#jhs-footer div.container-jhs-footer div.container-footer-submit div.container-end-form div.container-endereco,
    footer#jhs-footer div.container-jhs-footer div.container-footer-submit div.container-end-form div.container-jhs-submit,
    main#pagina-contato div.container-jhs-footer div.container-footer-submit div.container-end-form div.container-endereco,
    main#pagina-contato div.container-jhs-footer div.container-footer-submit div.container-end-form div.container-jhs-submit {
        width: 50%;
    }

    main#pagina-contato {
        padding: 120px var(--page-padding) 30px;
    }

    section#jhs-filtro {
        height: 45vh;
        min-height: 320px;
    }

    section#jhs-filtro div.container-filtro {
        width: 85%;
        flex-wrap: nowrap;
    }

    section#card-empreendimentos,
    section#card-avulsos {
        margin-top: 32px;
    }

    section#container-empreendimento div.localizacao-produto div.container-localizacao-produto div.oquetemperto nav ul,
    section#container-avulso div.localizacao-avulso div.container-localizacao-avulso div.oquetemperto nav ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
    }
}

@media (min-width: 1024px) {
    section#jhs-imoveis-destaques div.container-imoveis-grid,
    section#card-empreendimentos div.container-cards div.cards-empreendimento,
    section#card-avulsos div.container-cards-avulsos div.card-avulso {
        grid-template-columns: repeat(3, 1fr);
    }

    section#container-empreendimento div.container-produto-info,
    section#container-avulso div.container-avulso-info {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 30px;
        align-items: start;
    }

    section#container-empreendimento div.container-img-empreendimento {
        height: 45vh;
        min-height: 320px;
    }

    section#container-avulso div.container-img-avulso {
        height: 35vh;
        min-height: 280px;
    }

    section#container-empreendimento div.localizacao-produto div.container-localizacao-produto div.mapalocalizacao,
    section#container-avulso div.localizacao-avulso div.container-localizacao-avulso div.mapa-localizacao-avulso {
        height: 500px;
    }
}

@media (min-width: 1280px) {
    :root {
        --page-padding: 40px;
    }

    section#jhs-imoveis-destaques div.container-imoveis-grid,
    section#card-empreendimentos div.container-cards div.cards-empreendimento,
    section#card-avulsos div.container-cards-avulsos div.card-avulso {
        grid-template-columns: repeat(4, 1fr);
    }

    section.container-info-home div.left-container h1.titulo-home {
        font-size: 70px;
    }

    section#container-empreendimento div.container-produto-info,
    section#container-avulso div.container-avulso-info {
        grid-template-columns: 3fr 1fr;
    }

    footer#jhs-footer div.container-jhs-footer div.container-footer-submit div.container-end-form,
    main#pagina-contato div.container-jhs-footer div.container-footer-submit div.container-end-form {
        padding: 20px 80px 0;
    }

    footer#jhs-footer div.container-jhs-footer nav.footer-links ul {
        gap: 80px;
    }

    section#jhs-filtro {
        height: 50vh;
    }

    section#card-empreendimentos div.container-cards div.cards-empreendimento div.empreendimento-card,
    section#card-avulsos div.container-cards-avulsos div.card-avulso a.avulso-card {
        min-height: 500px;
    }

    section#card-empreendimentos div.carrega-mais-empreendimentos button.carregar-mais-btn,
    section#card-avulsos div.carrega-mais-avulso button.carregar-avulso-btn {
        width: 30%;
    }

    section#jhs-bairros-destaques {
        margin-top: 100px;
    }

    section#jhs-bairros-destaques div.container-bairros-destaques div.bairros-destaques-card {
        margin-top: 80px;
    }

    section#jhs-bairros-destaques div.container-bairros-destaques div.bairros-destaques-card div.card-bairro {
        min-height: 350px;
    }

    section#container-empreendimento div.localizacao-produto div.container-localizacao-produto div.oquetemperto nav {
        padding: 40px 60px;
    }

    section#container-empreendimento div.localizacao-produto div.container-localizacao-produto div.oquetemperto nav ul li img,
    section#container-avulso div.localizacao-avulso div.container-localizacao-avulso div.oquetemperto nav ul li img {
        width: 90px;
    }
}

@media (min-width: 1600px) {
    section#jhs-imoveis-destaques,
    section#jhs-bairros-destaques,
    section#card-empreendimentos,
    section#card-avulsos,
    section#container-empreendimento,
    section#container-avulso,
    footer#jhs-footer div.container-jhs-footer,
    main#pagina-contato div.container-jhs-footer,
    section.pagina-quem-somos div.container-quemsomos {
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
    }
}