.bannerMain {
    --banner-acento: #aac1ff;
    --banner-texto: #ffffff;
    --banner-secundario: #dedee7;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: var(--topo-fundo);
    color: var(--banner-texto);
}

.bannerMidia, .bannerVideo, .bannerOverlay { position: absolute; inset: 0; width: 100%; height: 100%; }
.bannerMidia { z-index: -3; }
.bannerVideo { object-fit: cover; object-position: center; }
.bannerOverlay {
    z-index: -2;
    background: linear-gradient(90deg, rgba(7, 7, 15, .9) 0%, rgba(7, 7, 15, .76) 42%, rgba(7, 7, 15, .35) 100%),
        linear-gradient(0deg, rgba(7, 7, 15, .95), transparent 38%);
}

.bannerConteudo {
    max-width: var(--topo-largura);
    min-height: 700px;
    margin: 0 auto;
    padding: 88px 24px 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 76px;
}

.bannerMensagem { max-width: 740px; }
.bannerTitulo { font-size: 76px; line-height: 1.04; font-weight: 750; letter-spacing: -.035em; text-wrap: balance; }
.bannerTituloDestaque { color: var(--banner-acento); }
.bannerDescricao { max-width: 510px; margin-top: 28px; color: var(--banner-secundario); font-size: 18px; line-height: 1.7; }
.bannerRodape { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.bannerGarantias { display: flex; flex-wrap: wrap; gap: 28px; }
.bannerGarantia { display: flex; align-items: center; gap: 9px; font-size: 13px; color: var(--banner-secundario); }
.bannerGarantiaTexto { display: grid; }
.bannerGarantiaTexto::before { content: attr(data-banner-texto); visibility: hidden; grid-area: 1 / 1; padding-right: 10px; }
.bannerGarantiaDigitada { grid-area: 1 / 1; }
.bannerDigitando .bannerGarantiaDigitada::after { content: '_'; color: var(--banner-acento); animation: bannerCursor 600ms steps(2, jump-none) infinite; }
.bannerAguardando::before { opacity: 0; }
@keyframes bannerCursor { from { opacity: 1; } to { opacity: 0; } }
.bannerGarantia::before { content: ''; width: 16px; height: 16px; background: url('../IMGS/banner-check.svg') center / contain no-repeat; flex-shrink: 0; }
