.hero-title {
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    color: #fff;
    margin: 0 auto;
    max-width: 600px;
    padding: 0px;
    line-height: 1.3;
    margin-bottom: 70px;
    /* Adiciona espaço abaixo do título */
}

.hero-subtitle {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin: 0 auto;
    max-width: 600px;
    padding: 40px 20px 0 20px;
    line-height: 1.3;
    margin-bottom: 20px;
}

.hero {
    text-align: center;
}

.hero-background {
    background-size: cover;
    background-position: center;
    color: #fff;
    background:
        url('../images/hero-bg.png') no-repeat center center,
        /* Imagem de quadrados */
        radial-gradient(129.14% 408.53% at 169.84% 137.11%, #F15F56 2.15%, #0D6B99 100%);
    /* Gradiente */
    background-size: cover;
}