/**
 * LP Hero — espelha o comportamento de breakpoints do product__page-top
 */

.lp-hero-wrapper {
    position: relative;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.lp-hero {
    background: var(--cinzas-cinza-20) center center / cover no-repeat;
    width: 100%;
    max-width: none;
    padding-top: 210px;
    padding-bottom: 120px;
    position: relative;
    overflow: hidden;
}

.lp-hero > .container {
    position: relative;
    z-index: 2;
    max-width: 1284px;
}

.lp-hero__bg-mob {
    display: none;
}

.lp-hero__content {
    width: 52%;
    max-width: 595px;
    text-align: left;
}

.lp-hero__titulo {
    margin: 0;
    font-family: var(--fontefamiliaglobal);
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.1;
    color: var(--secundarias-secundaria-100);
    text-align: left;
}

.lp-hero__descricao {
    margin-top: 32px;
    font-family: var(--fontefamiliaopensans);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.0025em;
    color: var(--branco);
}

.lp-hero__descricao p,
.lp-hero__descricao ul {
    margin: 0 0 1em;
    font-size: inherit;
    font-weight: 400;
    line-height: inherit;
    color: inherit;
}

.lp-hero__descricao p:last-child,
.lp-hero__descricao ul:last-child {
    margin-bottom: 0;
}

.lp-hero__descricao + .btn {
    margin-top: 32px;
}

.lp-hero .btn {
    margin-top: 32px;
}

@media (max-width: 1240px) {
    .lp-hero {
        padding-top: 160px;
        padding-bottom: 80px;
    }

    .lp-hero__titulo {
        font-size: 2.5rem;
    }
}

@media (max-width: 991px) {
    .lp-hero__titulo {
        font-size: 2.25rem;
    }

    .lp-hero__descricao {
        font-size: 1.125rem;
    }
}

@media (max-width: 767px) {
    .lp-hero {
        padding-top: 0;
        padding-bottom: 0;
        background: transparent !important;
        background-image: none !important;
        width: 100%;
    }

    .lp-hero-wrapper {
        background-color: transparent !important;
    }

    .lp-hero__bg-mob {
        display: block;
        width: 100%;
        aspect-ratio: 752 / 560;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .lp-hero > .container {
        max-width: none;
        padding-left: 24px;
        padding-right: 24px;
    }

    .lp-hero__content {
        width: 100%;
        max-width: none;
        padding-top: 32px;
        padding-bottom: 0;
    }

    .lp-hero__titulo {
        font-size: 1.75rem;
        font-weight: 700;
        line-height: 1.3;
        color: var(--secundarias-secundaria-100);
        margin: 0;
    }

    .lp-hero__descricao {
        margin-top: 24px;
        font-size: 1rem;
        line-height: 1.25;
        letter-spacing: 0;
        color: #40454a;
    }

    .lp-hero__descricao p,
    .lp-hero__descricao ul {
        color: inherit;
    }

    .lp-hero__descricao + .btn,
    .lp-hero .btn {
        margin-top: 24px;
        width: 100%;
    }
}