/*==========================================================

PARKIA LANDING PAGE

Arquivo:
responsive.css

Desenvolvimento:
SOFT42 | Site e Sistema para Imobiliária

==========================================================*/


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

@media (max-width:1200px){


    .container{
        padding:0 20px;
    }

}

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

@media (max-width:992px){

    /* Reservado para futuros ajustes */
}


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

@media (max-width:768px){

    /* ==========================================================
        HERO
    ========================================================== */

    #hero{
        height:auto;
        min-height:auto;
    }

    .hero-content{
        padding:18px 20px 50px;
    }

    .hero-top-bar{
        width:88%;
        height:18px;
        border-radius:0 0 12px 12px;
    }

    .logo-box{
        width:280px;
        height:120px;
        border-radius:0 0 35px 35px;
        margin:0 auto 28px;
    }

    .logo-parkia{
        width:185px;
    }

    .hero-content h1{
        font-size:24px;
        line-height:1.1;
        max-width:320px;
        margin:0 auto 18px;
    }

    .hero-content p{
        font-size:15px;
        line-height:1.45;
        margin-bottom:28px;
    }

    .hero-logos p {
        font-size: 8px;

        line-height: 0.4;
        margin-bottom: 15px;
    }


    .btn{
        width:100%;
        max-width:320px;
        margin:auto;
        padding:16px;
        font-size:20px;
        text-align:center;
    }

    .hero-logos{
        margin-top:25px;
        gap:18px;
    }

    .hero-logos img{
        height:30px;
    }

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

    #location{
        padding:16px 0;
    }

    .location-content{
        gap:18px;
    }

    .location-icon{
        width:42px;
    }

    .location-icon img{
        width:34px;
    }

    .location-divider{
        height:45px;
    }

    .location-text p{
        font-size:20px;
        line-height:1.25;
    }

    /* ==========================================================
       MAPA
    ========================================================== */

    .map-wrapper{
        padding:0;
    }

    .map-image{
        width:100%;
        display:block;
    }

    /* ==========================================================
       OFERTA
    ========================================================== */

    .offer-top{
        flex-direction:column;
        gap:18px;
    }

    .offer-divider{
        display:none;
    }

    .offer-brand img{
        width:260px;
    }

    .offer-number{
        font-size:110px;
    }

    .offer-description{
        font-size:22px;
    }

    .offer-button{
        margin-top:25px;
    }

    

    /* ==========================================================
       VÍDEO
    ========================================================== */

    .video-wrapper{
        max-width:330px;
    }

    #video{
        padding:60px 0;
    }

    /* ==========================================================
       CTA FINAL
    ========================================================== */

    #cta-final{
        padding:45px 0;
    }

    .footer-divider{
        display:none;
    }

    .footer-logo-parkia{
        width:170px;
    }

    .instagram-link{
        font-size:18px;
    }
    .footer-logos{
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:25px;
        margin-top:25px;
    }

    .footer-partners{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:35px;
    }

    .footer-partners img{
        height:32px;
        width:auto;
    }

}


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

@media (max-width:480px){

    /* Reservado para futuros ajustes */
}