*{
box-sizing:border-box;
}


body{

margin:0;
font-family:Arial, Helvetica, sans-serif;
background:#f5f5f5;
color:#333;

}



.idiomas{

text-align:right;
padding:15px 5%;
background:white;

}


.idiomas a{

text-decoration:none;
color:#123B6D;
font-weight:bold;

}






/* HERO */


.hero{

height:600px;
background:

linear-gradient(
rgba(18,59,109,.85),
rgba(18,59,109,.85)
),

url("../images/mudanca.jpg");

background-size:cover;
background-position:center;

display:flex;
align-items:center;
justify-content:center;

text-align:center;
color:white;

}



.hero-overlay{

padding:30px;

}




.logo{

font-size:70px;
font-weight:900;
letter-spacing:5px;

}



.logo span{

color:#F28C28;

}





.hero h1{

font-size:38px;
margin:25px 0 15px;

}



.hero p{

font-size:24px;
line-height:1.5;

}






.btn{

display:inline-block;

background:#F28C28;

color:white;

padding:16px 35px;

border-radius:8px;

text-decoration:none;

font-weight:bold;

font-size:18px;

margin-top:25px;

transition:.3s;

}



.btn:hover{

background:#123B6D;

}



.hero-info{

margin-top:35px;

font-size:16px;

}








/* SEÇÕES */


.container{

max-width:1100px;

margin:60px auto;

padding:20px;

}





.container h2,
.processo h2,
.contactos h2{

text-align:center;

color:#123B6D;

font-size:32px;

margin-bottom:40px;

}







/* SERVIÇOS */



.servicos{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

gap:25px;

}





.card{

background:white;

padding:30px;

border-radius:15px;

text-align:center;

box-shadow:0 5px 20px rgba(0,0,0,.1);

transition:.3s;

}



.card:hover{

transform:translateY(-8px);

}



.icon{

font-size:45px;

}




.card h3{

color:#123B6D;

font-size:22px;

}





/* PROCESSO */



.processo{

background:#123B6D;

color:white;

padding:60px 20px;

}



.processo h2{

color:white;

}



.passos{

max-width:1000px;

margin:auto;

display:grid;

grid-template-columns:repeat(auto-fit,minmax(180px,1fr));

gap:25px;

text-align:center;

}



.passos div{

background:white;

color:#123B6D;

padding:25px;

border-radius:12px;

font-weight:bold;

}




.passos strong{

font-size:35px;

color:#F28C28;

}





/* REVIEWS */



.review{

background:white;

padding:25px;

margin:20px 0;

border-radius:12px;

box-shadow:0 3px 15px #ddd;

}



.review strong{

color:#123B6D;

font-size:18px;

}



.estrelas{

margin:10px 0;

}



.center{

text-align:center;

}







/* VANTAGENS */



.vantagens{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

gap:20px;

}



.vantagens div{

background:white;

padding:25px;

border-radius:10px;

text-align:center;

font-weight:bold;

box-shadow:0 3px 15px #ddd;

}







/* CONTACTOS */



.contactos{

background:#F28C28;

color:white;

text-align:center;

padding:50px 20px;

}



.contactos h2{

color:white;

}



.contactos p{

font-size:20px;

}







footer{

background:#123B6D;

color:white;

text-align:center;

padding:25px;

}








/* WHATSAPP */


.whatsapp{

position:fixed;

right:25px;

bottom:25px;

background:#25D366;

color:white;

padding:18px 25px;

border-radius:50px;

text-decoration:none;

font-weight:bold;

box-shadow:0 5px 15px #999;

}





.whatsapp:hover{

background:#128C7E;

}








@media(max-width:700px){



.logo{

font-size:45px;

}



.hero{

height:500px;

}



.hero h1{

font-size:28px;

}



.hero p{

font-size:19px;

}



.container h2,
.processo h2,
.contactos h2{

font-size:26px;

}



}