/* =========================================
   MSRP TRANSPORTES
   RESPONSIVE PREMIUM
========================================= */


/* TABLET */

@media(max-width:1024px){


.container{

    width:92%;

}


/* HEADER */

.header{

    padding:20px 0;

}


.logo img{

    width:190px;

}



.menu{

    gap:20px;

}



.menu a{

    font-size:14px;

}



.btn-header{

    padding:12px 20px;

}





/* HERO */


.hero-container{

    flex-direction:column;

    justify-content:center;

    text-align:center;

    padding-top:130px;

}



.hero-text{

    width:100%;

}



.hero-text h1{

    font-size:52px;

}



.hero-text p{

    margin:auto;

}



.hero-buttons{

    justify-content:center;

}



.hero-truck{

    width:100%;

    margin-top:30px;

}



.hero-truck img{

    width:90%;

    margin:auto;

}





/* DESTAQUES */


.highlights-premium .container{

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

}






/* EMPRESA */


.company-premium .container{

    flex-direction:column;

}


.company-image,
.company-text{

    width:100%;

}



.company-text{

    text-align:center;

}





/* NUMEROS */


.numbers-premium .container{

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

}




/* SERVICOS */


.services-cards{

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

}





/* FROTA */


.fleet-premium .container{

    flex-direction:column;

}



.fleet-text,
.fleet-image{

    width:100%;

}



.fleet-text{

    text-align:center;

}





}





/* CELULAR */

@media(max-width:768px){
.header{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    padding:15px 0;

    background:rgba(2,9,20,.75);

    backdrop-filter:blur(15px);

    z-index:9999;

}


.container{

    width:90%;

}




/* HEADER MOBILE */


.header .container{

    flex-wrap:wrap;

    align-items:center;

}


.logo img{

    width:165px;

}




.menu{

    display:none;

    position:absolute;

    top:75px;

    left:5%;

    width:90%;

    flex-direction:column;

    text-align:center;

    background:rgba(2,9,20,.95);

    padding:25px;

    border-radius:20px;

}



.menu.active{

    display:flex;

}




.menu-mobile{

    display:flex;

    color:white;

    font-size:30px;

    cursor:pointer;

}



.btn-header{

    display:none;

}





/* HERO */


.hero-premium{

    min-height:auto;

    padding-bottom:80px;

}



.hero-container{

    padding-top:150px;

}



.hero-text h1{

    font-size:40px;

    letter-spacing:-1px;

}



.hero-text p{

    font-size:16px;

}



.hero-buttons{

    flex-direction:column;

    gap:15px;

}



.btn-primary,
.btn-outline{

    width:100%;

    text-align:center;

}





.hero-truck img{

    width:120%;

    margin-left:-10%;

}



.truck-glow{

    width:250px;

    height:250px;

}





/* DESTAQUES */


.highlights-premium .container{

    grid-template-columns:1fr;

}




.highlight-box{

    padding:25px;

}




/* EMPRESA */


.company-premium{

    padding:80px 0;

}



.company-text h2{

    font-size:32px;

}



.company-image img{

    height:300px;

}





/* NUMEROS */


.numbers-premium{

    padding:70px 0;

}



.numbers-premium .container{

    grid-template-columns:1fr;

}



.number-box strong{

    font-size:45px;

}




/* SERVICOS */


.services-premium{

    padding:80px 0;

}



.section-header h2{

    font-size:32px;

}



.services-cards{

    grid-template-columns:1fr;

}





/* FROTA */


.fleet-premium{

    padding:80px 0;

}



.fleet-text h2{

    font-size:32px;

}



.fleet-features{

    grid-template-columns:1fr;

}




/* COBERTURA */


.coverage-box{

    padding:60px 25px;

}



.coverage-box h2{

    font-size:32px;

}



.coverage-stats{

    flex-direction:column;

    gap:30px;

}





/* CTA */


.cta-premium{

    padding:80px 0;

}



.cta-content h2{

    font-size:32px;

}

/* =================================
   FOOTER RESPONSIVE PREMIUM
================================= */


@media(max-width:1024px){

    .footer-container{

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

        gap:30px;

    }

}



@media(max-width:768px){


.footer-msrp{

    padding:60px 20px 25px;

}



.footer-container{

    display:grid;

    grid-template-columns:1fr !important;

    gap:35px;

    text-align:center;

}



.footer-column{

    width:100%;

}



.footer-logo{

    width:150px;

    margin:0 auto 20px;

}



.footer-about p{

    margin:auto;

}



.footer-column ul{

    padding:0;

}



.footer-column li{

    list-style:none;

}



.footer-social{

    justify-content:center;

}



.footer-bottom{

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:10px;

    text-align:center;

}


}



/* WHATSAPP */


.whatsapp-float{

    width:60px;

    height:60px;

    right:20px;

    bottom:20px;

    font-size:30px;

}



}