/* ==================================================
   NOTEBOOKS MENORES
================================================== */

@media (max-width: 1100px) {

    .hero-container {

        gap: 50px;

    }

    .hero-image img {

        height: 500px;

    }

    .section-grid {

        gap: 50px;

    }

}

/* ==================================================
   TABLETS
================================================== */

@media (max-width: 900px) {

    .hero-container {

        grid-template-columns: 1fr;

        text-align: center;

    }

    .hero-content {

        display: flex;
        flex-direction: column;
        align-items: center;

    }

    .hero-content p {

        max-width: 700px;

    }

    .hero-image {

        order: -1;

    }

    .hero-image img {

        height: 450px;

    }

    .section-grid {

        grid-template-columns: 1fr;

        gap: 40px;

    }

    .section-grid.reverse {

        direction: ltr;

    }

    .section-text {

        max-width: 100%;

    }

    .highlights .container {

        grid-template-columns:
            repeat(2, 1fr);

    }

}

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

@media (max-width: 768px) {

    /* HEADER */

    .header-container {

        padding: 14px 20px;

    }

    /* LOGOS */

    .logos {

        display: flex;

        align-items: center;

        gap: 8px;

    }

    .logo-main {

        height: 42px;

        width: auto;

    }

    .logo-secondary {

        height: 34px;

        width: auto;

    }

    /* BOTÃO MENU */

    .menu-toggle {

        display: flex;

        align-items: center;

        justify-content: center;

        font-size: 2rem;

        color: var(--color-primary);

        z-index: 1200;

    }

    /* MENU */

    .nav {

        position: fixed;

        top: 0;

        right: -100%;

        width: 280px;

        height: 100vh;

        background: #fff;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        gap: 30px;

        transition: right .3s ease;

        box-shadow:
            -10px 0 30px rgba(0,0,0,.10);

        z-index: 1100;

    }

    .nav.active {

        right: 0;

    }

    .nav a {

        font-size: 1.1rem;

    }

    /* HERO */

    .hero {

        padding-top: 50px;

        padding-bottom: 70px;

    }

    .hero-content h1 {

        font-size: 2.4rem;

    }

    .hero-content p {

        font-size: 1rem;

    }

    .hero-image img {

        height: 350px;

        border-radius: 20px;

    }

    /* BOTÕES */

    .hero-buttons {

        width: 100%;

        flex-direction: column;

        align-items: center;

    }

    .hero-buttons .btn {

        width: 100%;

        max-width: 320px;

    }

    /* HIGHLIGHTS */

    .highlights {

        margin-top: 0;

        padding-top: 40px;

    }

    .highlights .container {

        grid-template-columns: 1fr;

    }

    .highlight-card {

        padding: 24px;

    }

    /* SEÇÕES */

    .section {

        padding: 80px 0;

    }

    .section-image img {

        height: 300px;

    }

    .section-text p {

        text-align: left;

    }

    /* GALERIA */

    .gallery {

        padding: 80px 0;

    }

    .gallery-grid {

        grid-template-columns: 1fr;

    }

    .gallery-grid img {

        height: 260px;

    }

    /* CTA */

    .cta {

        padding: 80px 0;

    }

}

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

@media (max-width: 480px) {

    .container {

        padding-left: 18px;
        padding-right: 18px;

    }

    .hero-content h1 {

        font-size: 2rem;

    }

    .hero-tag,
    .section-tag {

        font-size: .8rem;

        padding: 6px 12px;

    }

    .hero-image img {

        height: 280px;

    }

    .section-image img {

        height: 240px;

    }

    .highlight-card h3 {

        font-size: 1.5rem;

    }

    .btn {

        padding: 13px 20px;

    }

    .logos img {

        height: 36px;

    }

}

@media (max-width: 768px) {

    .header {

        position: sticky;

        top: 0;

    }

    .header-container {

        min-height: 72px;

        display: flex;

        align-items: center;

        justify-content: space-between;

    }

}

@media (max-width: 500px) {

    .logo-main,.logo-secondary {
        max-width: 150px;
        max-height: 25px;
        /*display: none;*/

    }

}

@media (max-width: 768px) {

    .predios-hero {

        padding: 80px 0;

    }

    .predios-grid {

        grid-template-columns: 1fr;

    }

    .predio-card img {

        height: 220px;

    }

}

@media (max-width: 768px) {

    .gallery-grid {

        grid-template-columns: 1fr;

    }

    .gallery-card img {

        height: 220px;

    }
}

@media (max-width: 768px) {

    .mapa-wrapper iframe {

        height: 500px;

    }

    .predios-links {

        grid-template-columns: 1fr;

    }

}