body{
font-family:Poppins, sans-serif;
margin:0;
background:#f3f1eb;
}


.familia{
padding:80px 10%;
text-align:center;
}


.familia h1{
font-size:42px;
color:#1e3a34;
margin-bottom:10px;
}


.subtitulo{
color:#666;
margin-bottom:50px;
font-size:18px;
}


.top{
display:flex;
gap:40px;
justify-content:center;
align-items:center;
flex-wrap:wrap;
margin-bottom:50px;
}


.foto{
width:420px;
border-radius:12px;
}


.card-destaque{

background:white;

padding:35px;

border-radius:12px;

box-shadow:0 15px 30px rgba(0,0,0,0.1);

max-width:420px;

text-align:left;

}


.cards{

display:grid;

grid-template-columns:1fr 1fr;

gap:30px;

max-width:900px;

margin:auto;

}


.card{

background:white;

padding:25px;

border-radius:12px;

box-shadow:0 10px 25px rgba(0,0,0,0.08);

text-align:left;

transition:0.3s;

}


.card:hover{

transform:translateY(-6px);

box-shadow:0 20px 35px rgba(0,0,0,0.15);

}


.card ul{

margin-top:10px;

padding-left:18px;

}


.cta{

margin-top:60px;

background:linear-gradient(135deg,#1e3a34,#0f2b26);

padding:50px;

border-radius:15px;

color:white;

}


.botao{

display:inline-block;

margin-top:20px;

padding:14px 30px;

background:#c59d5f;

color:white;

text-decoration:none;

border-radius:8px;

font-weight:600;

transition:0.3s;

}


.botao:hover{

background:#b88d4c;

transform:scale(1.05);

}