body{
font-family:Arial, sans-serif;
margin:0;
background:#f5f5f5;
}

/* HEADER */

header{
background:white;
border-bottom:2px solid #eee;
}

.topo{
display:flex;
justify-content:space-between;
align-items:center;
max-width:1100px;
margin:auto;
padding:15px;
}

.logo{
height:140px;
}

nav a{
margin:15px;
text-decoration:none;
color:#555;
font-weight:bold;
}

nav a:hover{
color:#f36c21;
}

/* BANNER */

.banner{
background:#333;
color:white;
text-align:center;
padding:80px 20px;
}

.banner h1{
font-size:40px;
}

.botao{
display:inline-block;
margin-top:20px;
background:#f36c21;
color:white;
padding:12px 25px;
border-radius:6px;
text-decoration:none;
font-weight:bold;
}

/* SOBRE */

.sobre{
background:white;
padding:60px 20px;
text-align:center;
}

.sobre p{
max-width:800px;
margin:auto;
margin-bottom:15px;
line-height:1.6;
}

/* SERVIÇOS */

.servicos{
padding:60px 20px;
text-align:center;
}

.cards{
display:flex;
justify-content:center;
gap:25px;
flex-wrap:wrap;
margin-top:30px;
}

.card{
background:white;
width:250px;
padding:25px;
border-radius:10px;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
}

/* LOCALIZAÇÃO */

.localizacao{
background:white;
padding:40px;
text-align:center;
}

/* RODAPÉ */

footer{
background:#333;
color:white;
text-align:center;
padding:20px;
}

/* BOTÃO VOLTAR AO TOPO */

.voltar-topo{
position:fixed;
bottom:30px;
right:30px;
background:#f36c21;
color:white;
width:40px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
text-decoration:none;
font-size:20px;
}

.banner{
height: 500px;
background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
url('../img/banner.jpg');
background-size: cover;
background-position: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
color: white;
padding: 20px;
}

.banner h1{
font-size: 48px;
margin-bottom: 10px;
}

.banner p{
font-size: 20px;
margin-bottom: 10px;
}

.banner .botao{
background: #f36c21;
color: white;
padding: 12px 25px;
border-radius: 6px;
text-decoration: none;
font-weight: bold;
}

.proposta{
padding:70px 20px;
background:#f5f8fb;
text-align:center;
}

.proposta form{
max-width:700px;
margin:auto;
display:flex;
flex-direction:column;
gap:12px;
}

.proposta input,
.proposta select,
.proposta textarea{
padding:12px;
border-radius:6px;
border:1px solid #ccc;
font-size:15px;
}

.proposta button{
padding:14px;
border:none;
background:#f36c21;
color:white;
font-size:16px;
border-radius:6px;
cursor:pointer;
}

.proposta button:hover{
background:#333;
}

.menu-toggle{
display:none;
font-size:30px;
background:none;
border:none;
cursor:pointer;
}

@media (max-width:768px){

.topo{
flex-wrap:wrap;
}

.menu-toggle{
display:block;
margin-left:auto;
}

nav{
display:none;
width:100%;
text-align:center;
}

nav.active{
display:block;
}

nav a{
display:block;
padding:12px;
border-bottom:1px solid #eee;
}

}