/* =========================================================
   LABELLE IMOBILIÁRIA
   RESPONSIVIDADE GERAL
========================================================= */


/* =========================================================
   TELAS GRANDES
========================================================= */

@media (max-width: 1400px) {

    .container {
        max-width: 1180px;
    }

}


/* =========================================================
   NOTEBOOK
========================================================= */

@media (max-width: 1200px) {

    .container {
        max-width: 1080px;
    }


    /* HERO */

    .hero-container {
        gap: 30px;
    }


    .hero-title {
        font-size: 58px;
    }


    /* PROPERTIES */

    .properties-header-actions {
        gap: 18px;
    }


    /* SOBRE */

    .about-container {
        gap: 50px;
    }

}


/* =========================================================
   TABLET HORIZONTAL
========================================================= */

@media (max-width: 1024px) {

    .container {
        max-width: 100%;
    }


    /* HEADER */

    .header-container {
        gap: 20px;
    }


    /* HERO */

    .hero-container {
        grid-template-columns: 1fr;
    }


    .hero-content {
        max-width: 760px;
    }


    .hero-title {
        max-width: 760px;
    }


    /* SEARCH */

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


    /* FEATURES */

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


    /* PROPERTIES */

    .property-card {
        flex-basis: calc((100% - 40px) / 3);
    }


    /* ABOUT */

    .about-container {
        grid-template-columns: 1fr;
    }


    /* SERVICES */

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


    /* FOOTER */

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

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 820px) {

    /* TÍTULOS */

    .section-title {
        font-size: 42px;
    }


    /* HERO */

    .hero-content {
        padding-top: 60px;
    }


    .hero-title {
        font-size: 52px;
    }


    /* BUSCA */

    .search-section {
        margin-top: -30px;
    }


    /* PROPERTIES */

    .property-card {
        flex-basis: calc((100% - 20px) / 2);
    }


    /* LAUNCHES */

    .launches-grid {
        grid-template-columns: 1fr;
    }


    .launch-card-large {
        grid-row: auto;
    }


    /* CONTACT */

    .contact-container {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   MOBILE GRANDE
========================================================= */

@media (max-width: 680px) {

    /* GERAL */

    .container {
        padding-left: 18px;
        padding-right: 18px;
    }


    /* HERO */

    .hero-title {
        font-size: 44px;

        line-height: 1;
    }


    .hero-actions {
        flex-direction: column;

        align-items: stretch;
    }


    /* SEARCH */

    .property-search {
        grid-template-columns: 1fr;
    }


    .search-button {
        grid-column: auto;
    }


    /* FEATURES */

    .features-container {
        grid-template-columns: 1fr;
    }


    /* PROPERTIES */

    .property-card {
        flex-basis: 100%;
    }


    /* ABOUT */

    .about-stats {
        grid-template-columns: 1fr;
    }


    /* SERVICES */

    .services-grid {
        grid-template-columns: 1fr;
    }


    /* CONTACT */

    .contact-actions {
        flex-direction: column;
    }


    /* FOOTER */

    .footer-main {
        grid-template-columns: 1fr;
    }


    .footer-brand,
    .footer-contact {
        grid-column: auto;
    }

}


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

@media (max-width: 520px) {

    /* GERAL */

    .container {
        padding-left: 16px;
        padding-right: 16px;
    }


    /* HEADER */

    .header-logo img {
        width: 135px;
    }


    /* HERO */

    .hero-content {
        padding-top: 45px;
    }


    .hero-eyebrow {
        font-size: 9px;

        letter-spacing: 1.6px;
    }


    .hero-title {
        font-size: 38px;

        letter-spacing: -1px;
    }


    .hero-image {
        height: 300px;
    }


    /* SECTIONS */

    .section-title {
        font-size: 34px;
    }


    /* PROPERTIES */

    .property-card-media {
        height: 240px;
    }


    /* LAUNCHES */

    .launch-card,
    .launch-card-large {
        min-height: 280px;
    }


    /* ABOUT */

    .about-image {
        min-height: 330px;
    }


    /* CONTACT */

    .contact-content h2 {
        font-size: 32px;
    }


    /* FOOTER */

    .footer-bottom {
        flex-direction: column;
    }

}


/* =========================================================
   MOBILE PEQUENO
========================================================= */

@media (max-width: 390px) {

    .hero-title {
        font-size: 34px;
    }


    .section-title {
        font-size: 31px;
    }


    .hero-image {
        height: 270px;
    }


    .property-card-media {
        height: 220px;
    }

}