.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);
}

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