/* =========================================
   lsresponsividade.css — Leandro Santos Imóveis
   ========================================= */

/* =========================================
   TABLET — até 1024px
   ========================================= */
   @media (max-width: 1024px) {

    .header-top { display: none; }

    .banner-nav-list {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .banner-nav-link {
        font-size: 26px;
        font-weight: 700;
        color: #fff;
        opacity: 1;
    }

    .btn-menu { display: block !important; }
    .continer-btn { display: none; }
    .btn-theme-toggle { display: none; }

    .banner-container {
        grid-template-columns: 1fr;
        padding-top: 100px;
        text-align: center;
    }

    .banner-content { align-items: center; }
    .banner-description { max-width: 100%; }
    .carrossel-infinito-banner { display: none; }

    .container-acesso-titulo {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .container-cards-box {
        grid-template-columns: repeat(3, 1fr);
    }

    .container-alto-padrao {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .alto-padrao-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .container-footer {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

/* =========================================
   MOBILE — até 600px
   ========================================= */
@media (max-width: 600px) {

    .banner-title { font-size: 36px; }
    .banner-description { font-size: 15px; }

    .btn-cta {
        width: auto;
        min-width: 200px;
        padding: 16px 32px;
        font-size: 15px;
        border-radius: 50px;
        white-space: nowrap;
    }

    .container-cards-box {
        grid-template-columns: repeat(2, 1fr);
    }

    .box-card-bairro { min-height: 150px; }

    .alto-padrao-grid {
        grid-template-columns: 1fr;
    }

    .placeholder-card { height: 220px; }

    .footer-bottom { padding: 16px 5%; }
}