body{
margin:0;
font-family:'Raleway', sans-serif;
background-color:#f1ebe3;
color:#2b2b2b;
line-height:1.7;
}

header{
display:flex;
justify-content:space-between;
align-items:center;
padding:30px 80px;
background:#f1ebe3;
}

.logo{
height:80px;
}

nav a{
margin-left:40px;
text-decoration:none;
color:#3f5e4b;
font-weight:300;
letter-spacing:1px;
font-size:14px;
}

nav a:hover{
color:#b89c6b;
}

.hero{
text-align:center;
padding:160px 20px 120px 20px;
}

.hero h1{
font-family:'Playfair Display', serif;
font-size:60px;
font-weight:400;
letter-spacing:1px;
color:#3f5e4b;
margin-bottom:20px;
}

.hero p{
font-weight:300;
font-size:18px;
margin-bottom:40px;
}

.btn{
background:#3f5e4b;
color:white;
padding:16px 40px;
text-decoration:none;
border-radius:50px;
font-size:14px;
letter-spacing:2px;
transition:0.3s;
}

.btn:hover{
background:#7c9a84;
}

section{
padding:120px 80px;
}

h2{
font-family:'Playfair Display', serif;
font-weight:400;
font-size:40px;
color:#3f5e4b;
margin-bottom:40px;
text-align:center;
}

.sobre{
display:flex;
align-items:center;
justify-content:center;
gap:80px;
background:white;
}

.sobre .text{
max-width:500px;
font-weight:300;
}

.foto{
width:400px;
border-radius:12px;
box-shadow:0px 20px 40px rgba(0,0,0,0.08);
}

.tratamientos{
text-align:center;
}

.grid{
display:flex;
justify-content:center;
gap:60px;
margin-top:50px;
}

.grid div{
max-width:260px;
}

.grid h3{
font-family:'Playfair Display', serif;
font-weight:400;
color:#3f5e4b;
}

.tratamiento-img{
margin-top:60px;
width:400px;
border-radius:12px;
box-shadow:0px 20px 40px rgba(0,0,0,0.08);
}

.faq{
background:white;
}

.faq-item{
max-width:700px;
margin:0 auto 40px auto;
}

.faq-item h4{
font-family:'Playfair Display', serif;
font-weight:400;
color:#3f5e4b;
}

.contacto{
text-align:center;
}

.contacto a{
color:#3f5e4b;
text-decoration:none;
}

footer{
background:#e7dfd4;
text-align:center;
padding:30px;
font-size:14px;
}