.facial-section {
position: relative;
width: 100%;
min-height: 520px;
display: flex;
align-items: center;
overflow: hidden;
background: #0e0e0e;
}

/* imagem à esquerda */
.facial-image {
position: absolute;
inset: 0;
width: 60%;
background-image: url("../assets/equipe.png");
background-size: cover;
background-position: center;
}

/* fade suave para direita */
.facial-image::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
to right,
rgba(14,14,14,0) 0%,
rgba(14,14,14,0.4) 90%,
rgba(14,14,14,0.9) 100%
);
}

/* conteúdo */
.facial-content {
position: relative;
z-index: 2;
max-width: 520px;
margin-left: auto;
padding: 80px 60px;
color: white;
}

.facial-eyebrow {
display: inline-block;
margin-bottom: 18px;
font-size: 0.75rem;
letter-spacing: 2px;
text-transform: uppercase;
color: #d4a93a;
font-weight: 600;
}

.facial-content h2 {
font-size: 2.2rem;
margin-bottom: 20px;
}

.facial-content p {
font-size: 1.05rem;
line-height: 1.7;
color: #d1d1d1;
margin-bottom: 28px;
}

.facial-cta {
display: inline-block;
padding: 14px 28px;
background: #d4a93a;
color: #0e0e0e;
text-decoration: none;
font-weight: 600;
border-radius: 6px;
transition: all 0.25s ease;
}

.facial-cta:hover {
background: #e5bb4c;
}

/* mobile */
@media (max-width: 900px) {

.facial-section {
flex-direction: column;
min-height: auto;
}

.facial-image {
position: relative;
width: 100%;
height: 280px;
}

.facial-image::after {
background: linear-gradient(
to bottom,
rgba(14,14,14,0) 0%,
rgba(14,14,14,0.8) 100%
);
}

.facial-content {
margin: 0;
padding: 40px 24px 60px;
text-align: center;
}

}