/* ============================================
   HERO INICIAL
   ============================================ */

.home-hero-simple {
    position: relative;
    min-height: 95vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #fff;
}

/* IMAGEM DE FUNDO */

.hero-bg-image {
    position: absolute;
    inset: 0;
    background-image: url("../assets/img/Capa Site (1).webp");
    background-size: 95%;
    background-position: top right;
    background-repeat: no-repeat;
    z-index: 0;
}

/* SOBREPOSIÇÃO */

.hero-bg-image::after {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(90deg,
            #ffffff 0%,
            rgba(255,255,255,0.97) 24%,
            rgba(255,255,255,0.92) 40%,
            rgba(255, 255, 255, 0.185) 55%,
            rgba(255, 255, 255, 0) 72%,
            rgba(255,255,255,0.02) 100%
        ),

        radial-gradient(circle at 20% 35%,
            rgba(211,27,32,0.10),
            transparent 32%
        ),

        radial-gradient(circle at 80% 40%,
            rgba(8,79,152,0.16),
            transparent 36%
        );
}

/* CONTEÚDO */

.home-hero-simple .container {
    position: relative;
    z-index: 2;
}

.hero-simple-content {
    max-width: 620px;
}

.hero-simple-content h1 {
    color: var(--azul);
    font-size: 2.8rem;
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 22px;
}

.hero-simple-content h1 strong {
    color: var(--vermelho);
}

.hero-simple-content p {
    color: var(--texto-cinza);
    font-size: 1.08rem;
    line-height: 1.75;
    margin-bottom: 30px;
    max-width: 620px;
}

.hero-simple-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

/* RESPONSIVO */

@media (max-width: 1199px) {
    .hero-simple-content h1 {
        font-size: 3.15rem;
    }
}

@media (max-width: 991px) {

    .home-hero-simple {
        min-height: auto;
        padding: 90px 0 70px;
    }

    .hero-bg-image {
        background-position: center;
        background-size: cover;
    }

    .hero-bg-image::after {
        background:
            linear-gradient(180deg,
                rgba(255,255,255,0.96) 0%,
                rgba(255,255,255,0.92) 45%,
                rgba(255,255,255,0.78) 100%
            );
    }

    .hero-simple-content {
        margin: 0 auto;
        text-align: center;
    }

    .hero-simple-content p {
        margin-left: auto;
        margin-right: auto;
    }

    .hero-simple-actions {
        justify-content: center;
    }

}

@media (max-width: 576px) {

    .home-hero-simple {
        padding: 70px 0 55px;
    }

    .hero-simple-content h1 {
        font-size: 2.35rem;
    }

    .hero-simple-content p {
        font-size: 0.98rem;
    }

    .hero-simple-actions {
        flex-direction: column;
    }

    .hero-simple-actions a {
        width: 100%;
    }
}