.banner-imersao {
    margin-top: 80px;
    background: #073e70;
    color: #fff;
    position: relative;
    isolation: isolate;
}
.banner-imersao::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image: linear-gradient(90deg, #073e70 0%, rgba(7, 62, 112, .96) 28%, rgba(7, 62, 112, .70) 49%, rgba(7, 62, 112, .08) 100%), url('../images/imersao/banner-imersoes-v6.png');
    background-position: center, center 40%;
    background-size: 100% 100%, cover;
    background-repeat: no-repeat;
}
.banner-imersao-conteudo {
    min-height: 530px;
    display: flex;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 60px;
}
.banner-imersao-texto { max-width: 570px; }
.banner-imersao-chamada {
    color: #ffad49;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .16em;
    margin-bottom: 18px;
}
.banner-imersao h1 {
    color: #fff;
    font-size: clamp(38px, 4vw, 64px);
    font-weight: 700;
    line-height: 1.08;
    margin: 0 0 22px;
}
.banner-imersao h1 span { color: #ffa02b; }
.banner-imersao-descricao {
    color: #fff;
    font-size: clamp(17px, 1.4vw, 21px);
    line-height: 1.6;
    margin-bottom: 30px;
}
.banner-imersao-botao {
    display: inline-flex;
    align-items: center;
    gap: 24px;
    background: #f39221;
    color: #073661;
    font-weight: 700;
    padding: 15px 22px;
    border-radius: 3px;
    text-decoration: none;
}
.banner-imersao-botao:hover, .banner-imersao-botao:focus-visible { background: #ffad49; color: #073661; }
.banner-imersao-botao:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
@media (max-width: 767px) {
    .banner-imersao::before {
        background-image: linear-gradient(90deg, rgba(7, 62, 112, .96), rgba(7, 62, 112, .77)), url('../images/imersao/banner-imersoes-v6.png');
        background-position: center, 75% center;
    }
    .banner-imersao-conteudo { min-height: 440px; padding-top: 56px; padding-bottom: 56px; }
}