/*=====================================
        CONTATO RESPONSIVO
        MOBILE / TABLET
======================================*/



/* TABLET */

@media(max-width:1024px){


.contact-grid{

    grid-template-columns:1fr;

    gap:50px;

}



.contact-side{

    order:-1;

}



.contact-side img{

    max-width:500px;

}



.location-grid{

    grid-template-columns:1fr;

    gap:40px;

}



.location-info{

    padding:35px;

}



.location-map{

    width:100%;

}



.location-map .map-box{

    min-height:450px;

}



.location-map iframe{

    min-height:450px;

}



.contact-form-section{

    padding:90px 0;

}



.contact-form h2{

    font-size:36px;

}



}




/* CELULAR */

@media(max-width:768px){



/* HERO */

.contact-hero{

    padding-top:120px;

}



.contact-hero-container{

    flex-direction:column;

    text-align:center;

}



.contact-hero-text{

    width:100%;

}



.contact-hero-text h1{

    font-size:38px;

    line-height:1.2;

}



.contact-hero-text p{

    font-size:15px;

}



.hero-buttons{

    flex-direction:column;

    width:100%;

}



.hero-buttons a{

    width:100%;

}




.contact-hero-image{

    margin-top:40px;

}



.contact-hero-image img{

    width:100%;

}






/* CARDS */


.contact-cards{

    padding:60px 0;

}



.contact-cards .container{

    grid-template-columns:1fr;

}



.contact-card{

    padding:30px;

}







/* FORMULARIO */


.contact-form-section{

    padding:70px 0;

}



.contact-grid{

    display:flex;

    flex-direction:column;

}



.contact-form{

    width:100%;

}



#contactForm{

    padding:25px;

}



.form-row{

    grid-template-columns:1fr;

    gap:15px;

}



#contactForm input,
#contactForm select,
#contactForm textarea{

    font-size:14px;

    padding:15px;

}



.contact-form h2{

    font-size:30px;

}



.contact-form p{

    font-size:15px;

}




.contact-badges{

    flex-direction:column;

}



.contact-badge{

    justify-content:center;

}






/* IMAGEM LATERAL */


.contact-side{

    width:100%;

}



.contact-side img{

    width:100%;

}






/* LOCALIZAÇÃO */


.contact-map{

    padding:70px 0;

}



.location-grid{

    display:flex;

    flex-direction:column;

}



.location-info{

    padding:30px 25px;

    border-radius:22px;

}



.location-info h2{

    font-size:30px;

}



.location-info p{

    font-size:15px;

}



.location-item{

    gap:15px;

}



.location-icon{

    width:48px;

    height:48px;

    min-width:48px;

    font-size:18px;

}



.location-item span{

    font-size:13px;

}




.location-map .map-box{

    min-height:350px;

    border-radius:22px;

}



.location-map iframe{

    min-height:350px;

}





/* CTA */


.contact-cta{

    padding:70px 0;

}



.cta-box h2{

    font-size:32px;

}



.cta-box p{

    font-size:15px;

}



.cta-buttons{

    flex-direction:column;

}



.cta-buttons a{

    width:100%;

    text-align:center;

}



}