body{
font-family: Arial;
margin:0;
background: url('fundo.jpg') no-repeat center center fixed;
background-size: cover;
}

header{
background:#000000;
color:white;
text-align:center;
padding:50px 20px;
}

header h1{
font-family:'Great Vibes', cursive;
color:#c9a84c;
font-size:3.2em;
margin:0 0 8px;
font-weight:400;
text-shadow: 0 0 15px rgba(201,168,76,0.4), 0 2px 4px rgba(0,0,0,0.3);
letter-spacing:2px;
}

header p{
font-family:'Great Vibes', cursive;
color:#d4b765;
font-size:1.6em;
font-weight:400;
letter-spacing:3px;
margin:0;
text-shadow: 0 0 10px rgba(212,183,101,0.3);
}

.sobre{
display:flex;
align-items:center;
justify-content:center;
padding:40px;
gap:30px;
background:rgba(255,255,255,0.85);
backdrop-filter:blur(6px);
}

.sobre img{
width:200px;
border-radius:10px;
}

.servicos{
padding:40px;
text-align:center;
background:rgba(245,245,245,0.8);
backdrop-filter:blur(6px);
}

.cards{
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
}

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

/* Antes e Depois */
.resultados{
padding:60px 20px;
text-align:center;
background:rgba(250,250,250,0.85);
backdrop-filter:blur(6px);
}

.resultados h2{
font-size:2em;
margin-bottom:5px;
color:#222;
}

.resultados-subtitulo{
color:#666;
font-size:1.1em;
margin-bottom:40px;
}

.resultados-grid{
display:flex;
justify-content:center;
gap:25px;
flex-wrap:wrap;
max-width:1200px;
margin:0 auto;
}

.resultado-item{
background:white;
border-radius:12px;
overflow:hidden;
box-shadow:0 4px 15px rgba(0,0,0,0.1);
width:300px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.resultado-item:hover{
transform:translateY(-5px);
box-shadow:0 8px 25px rgba(0,0,0,0.15);
}

.resultado-item img{
width:100%;
height:auto;
display:block;
}

/* Contato */
.contato{
background:rgba(255,255,255,0.85);
backdrop-filter:blur(6px);
text-align:center;
padding:40px;
}

.botoes-contato{
display:flex;
justify-content:center;
gap:15px;
flex-wrap:wrap;
margin-top:20px;
}

.botao{
display:inline-flex;
align-items:center;
gap:10px;
color:white;
padding:15px 25px;
text-decoration:none;
border-radius:8px;
font-weight:bold;
transition: background 0.3s ease, transform 0.2s ease;
}

.botao:hover{
transform:translateY(-2px);
}

.botao svg{
flex-shrink:0;
}

.botao-whatsapp{
background:#25d366;
}

.botao-whatsapp:hover{
background:#1ebd5a;
}

.botao-instagram{
background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
}

.botao-instagram:hover{
background: linear-gradient(45deg, #e0872e, #d45d35, #c9213b, #b81f5b, #a8157a);
}

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

/* Responsivo */
@media(max-width:768px){
.sobre{
flex-direction:column;
text-align:center;
padding:30px 20px;
}

.resultado-item{
width:90%;
max-width:350px;
}

.botoes-contato{
flex-direction:column;
align-items:center;
}

.botao{
width:80%;
max-width:300px;
justify-content:center;
}

header h1{
font-size:2.4em;
}
}