/* #region sessao */
.sessao4 {
    background: rgb(26, 19, 50);
    background: radial-gradient(circle, rgba(26, 19, 50, 1) 0%, rgba(47, 43, 90, 1) 100%);

    width: 100vw;
    height: auto;

    padding-top: 5rem;
    padding-bottom: 0rem;

    position: relative;
}

.sessao4 .wrap {
    /* background-color: orange; */
    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0em;
}

.sessao4 .wrap .efeito-lateral-3 {
    /* background-color: orange; */
    position: absolute;
    right: 0;
    bottom: 0;
}

.sessao4 .wrap .efeito-lateral-3 img {
    height: 15rem;
    width: 50rem;
    display: block;
}

.sessao4 .wrap .imagem img {
    /* background-color: orange; */
    width: auto;
    height: 35rem;
    display: block;
}

.sessao4 .wrap .textos {
    /* background-color: purple; */
    display: flex;
    flex-direction: column;
    gap: 1.5rem;

    max-width: 30rem;
    color: rgba(255, 255, 255, 0.75);

    margin-bottom: 5rem;
}

.sessao4 .wrap .textos .logo {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    text-transform: uppercase;
}

.sessao4 .wrap .textos .logo img {
    /* background-color: orange; */
    width: 2rem;
}

.sessao4 .wrap .textos .titulo {
    color: var(--branco);
    font-weight: 600;
    font-size: 2rem;
    line-height: 3rem;
    opacity: 1;
}

.sessao4 .wrap .textos .descricao {
    color: var(--texto);
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.75rem;
    opacity: 1;
}

.sessao4 .wrap .textos button {
    margin-top: 1rem;
    border: none;
    box-shadow: none;
    background-color: var(--branco);
    color: var(--principal-alt);
}

.sessao4 .wrap .textos .seta {
    filter: opacity(0.5) drop-shadow(0 0 0 var(--principal-alt));
}

/* #endregion */

/* #region media_queries */
@media (max-width:1920px) {
    .sessao4 .wrap .efeito-lateral-3 img {
        height: 10rem;
        width: 30rem;
    }
}

/* hi-res laptops and desktops */
@media (max-width:1281px) {
    .sessao4 .wrap .efeito-lateral-3 {
        display: none;
    }
}

/* big landscape tablets, laptops, and desktops */
@media (max-width:1025px) {
    .sessao4 .wrap .imagem img {
        display: none;
    }

    .sessao4 .wrap .textos {
        padding: 2rem;
    }
}

/* tablet, landscape iPad, lo-res laptops ands desktops */
@media (max-width:801px) {
    .sessao4 .wrap {
        /* background-color: orange; */
        width: 95%;
        margin: auto;
    }

    .sessao4 .wrap .textos button {
        font-size: 0.9rem;
        font-weight: 500;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .sessao4 .wrap .textos .seta {
        display: none;
    }
}

/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
@media (max-width:600px) {}

/* smartphones, Android phones, landscape iPhone */
@media (max-width:480px) {}

/* #endregion */