.hero {
    background: linear-gradient(160deg, var(--cor-primaria-escura), var(--cor-primaria));
    padding: 56px 0;
}

.hero__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    align-items: center;
}

@media (min-width: 900px) {
    .hero__grid {
        grid-template-columns: 1.1fr 1fr;
    }
}

.hero__texto h1 {
    color: var(--cor-branco);
}

.hero__subtitulo {
    color: #C7D3DC;
    font-size: 18px;
    margin-top: 16px;
    max-width: 560px;
}

.hero__imagem img {
    border-radius: var(--raio-grande);
    width: 100%;
    max-height: 560px;
    object-fit: cover;
}

.secao--quem-somos img,
.secao--servico-hero img {
    border-radius: var(--raio-grande);
}

/* Foto real (retrato) de obra usada em "Quem Somos" — limita a altura para não dominar
   o layout ao lado do texto em telas largas. */
.secao--quem-somos img,
.secao--historia img {
    max-height: 520px;
    width: 100%;
    object-fit: cover;
}