body.xt-gabarito {
overflow-x: clip;
} body.xt-gabarito #site {
overflow: visible;
}
.xt-oferta {
--tinta: #231834;
--papel: #fff;
--papel-2: #f3f6f9;
--regua: #c7cfda;
--quieto: #627792;
--limite: #fc5546;
--medida: 68ch;
--goteira: clamp(20px, 5vw, 40px); --largura: 1170px;
--pad: max(var(--goteira), calc((100% - var(--largura)) / 2));
--ritmo: clamp(40px, 6.5vw, 76px);
margin-inline: calc(50% - 50vw);
font-family: inherit;
color: var(--tinta);
background: var(--papel);
font-size: 16px;
line-height: 1.7;
position: relative;
}
.xt-oferta *,
.xt-oferta *::before,
.xt-oferta *::after {
box-sizing: border-box;
}
.xt-oferta a:focus-visible,
.xt-oferta summary:focus-visible {
outline: 2px solid var(--limite);
outline-offset: 3px;
} .xt-oferta [id] {
scroll-margin-top: 150px;
} .xt-oferta .xt-capa {
background: var(--tinta);
color: var(--papel);
padding: clamp(46px, 8vw, 96px) var(--pad);
position: relative;
background-size: cover;
background-position: center;
} .xt-oferta .xt-capa--imagem::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
100deg,
rgba(35, 24, 52, 0.94) 0%,
rgba(35, 24, 52, 0.86) 45%,
rgba(35, 24, 52, 0.62) 100%
);
}
.xt-oferta .xt-capa-dentro {
position: relative;
}
.xt-oferta .xt-trilha {
font-size: 0.875rem;
line-height: 1.5;
color: rgba(255, 255, 255, 0.72);
margin-bottom: clamp(18px, 4vw, 34px);
}
.xt-oferta .xt-trilha a {
color: rgba(255, 255, 255, 0.72);
text-decoration: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.28);
}
.xt-oferta .xt-trilha a:hover {
color: var(--papel);
border-bottom-color: var(--papel);
}
.xt-oferta .xt-sep {
margin: 0 8px;
color: rgba(255, 255, 255, 0.4);
}
.xt-oferta .xt-titulo {
font-size: clamp(2.25rem, 5.4vw, 3.5rem);
font-weight: 700;
letter-spacing: -0.022em;
line-height: 1.04;
margin: 0 0 20px;
max-width: 18ch;
color: var(--papel);
}
.xt-oferta .xt-resumo {
font-size: clamp(1.0625rem, 2vw, 1.25rem);
line-height: 1.55;
color: rgba(255, 255, 255, 0.82);
max-width: 56ch;
margin: 0;
}
.xt-oferta .xt-fatos {
display: flex;
flex-wrap: wrap;
gap: 16px clamp(32px, 6vw, 72px);
margin: clamp(26px, 5vw, 40px) 0 0;
padding-top: 24px;
border-top: 1px solid rgba(255, 255, 255, 0.18);
}
.xt-oferta .xt-fato {
display: flex;
flex-direction: column;
}
.xt-oferta .xt-fato dd {
margin: 0;
font-size: 1.0625rem;
font-weight: 600;
line-height: 1.35;
color: var(--papel);
}
.xt-oferta .xt-fato dt {
order: 2;
font-size: 0.8125rem;
font-weight: 400;
color: rgba(255, 255, 255, 0.62);
margin-top: 3px;
} .xt-oferta .xt-indice {
position: sticky;
top: 0;
z-index: 5;
background: var(--papel);
border-bottom: 1px solid var(--regua);
padding: 10px var(--pad);
}
.xt-oferta .xt-indice-titulo {
display: none;
}
.xt-oferta .xt-indice-lista {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 6px;
overflow-x: auto;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.xt-oferta .xt-indice-lista::-webkit-scrollbar {
display: none;
}
.xt-oferta .xt-indice-lista a {
display: block;
white-space: nowrap;
font-size: 0.875rem;
line-height: 1.3;
color: var(--quieto);
text-decoration: none;
padding: 7px 13px;
border: 1px solid var(--regua);
border-radius: 999px;
}
.xt-oferta .xt-indice-lista a:hover {
color: var(--tinta);
border-color: var(--quieto);
} @media (min-width: 1040px) {
.xt-oferta .xt-miolo {
position: relative;
}
.xt-oferta .xt-indice {
position: absolute;
left: var(--pad);
top: 0;
bottom: 0;
width: 224px; padding: var(--ritmo) 0 0;
background: none;
border: 0;
z-index: 4;
pointer-events: none;
}
.xt-oferta .xt-indice-titulo,
.xt-oferta .xt-indice-lista {
pointer-events: auto;
} .xt-oferta .xt-indice-lista {
position: sticky;
top: 138px;
display: block;
overflow: visible;
background: var(--papel);
border: 1px solid var(--regua);
border-radius: 4px;
padding: 14px 4px 14px 0;
}
.xt-oferta .xt-indice-titulo {
display: block;
position: sticky;
top: 106px;
margin: 0 0 10px;
font-size: 0.9375rem;
font-weight: 600;
line-height: 1.3;
color: var(--tinta);
}
.xt-oferta .xt-indice-lista a {
border: 0;
border-radius: 0;
border-left: 2px solid transparent;
padding: 7px 12px 7px 14px;
font-size: 0.9375rem;
white-space: normal;
line-height: 1.35;
}
.xt-oferta .xt-indice-lista a:hover {
border-left-color: var(--limite);
color: var(--tinta);
}
} @media (min-width: 783px) and (max-width: 1039px) {
body.admin-bar .xt-oferta .xt-indice {
top: 32px;
}
}
@media (min-width: 1040px) {
body.admin-bar .xt-oferta .xt-indice-titulo {
top: 138px;
}
body.admin-bar .xt-oferta .xt-indice-lista {
top: 170px;
}
body.admin-bar .xt-oferta [id] {
scroll-margin-top: 182px;
}
} .xt-oferta .xt-bloco {
padding: var(--ritmo) var(--pad) 0;
} @media (min-width: 1040px) {
.xt-oferta:not(.xt-hub) .xt-miolo .xt-bloco,
.xt-oferta:not(.xt-hub) .xt-miolo .xt-rodape {
padding-left: calc(var(--pad) + 224px + 44px);
}
} .xt-oferta .xt-bloco--destaque,
.xt-oferta .xt-bloco--chamada {
padding-bottom: var(--ritmo);
margin-top: var(--ritmo);
}
.xt-oferta .xt-bloco--destaque {
background: var(--papel-2);
}
.xt-oferta .xt-bloco--chamada {
background: var(--tinta);
color: var(--papel);
}
.xt-oferta .xt-bloco h2 {
font-size: clamp(1.4rem, 2.8vw, 1.75rem);
font-weight: 600;
letter-spacing: -0.015em;
line-height: 1.22;
margin: 0 0 8px;
color: var(--tinta);
max-width: 24ch;
} .xt-oferta .xt-bloco h2::after {
content: "";
display: block;
width: 44px;
height: 3px;
background: var(--regua);
margin: 16px 0 24px;
}
.xt-oferta .xt-bloco--chamada h2 {
color: var(--papel);
}
.xt-oferta .xt-bloco--chamada h2::after {
background: rgba(255, 255, 255, 0.28);
} .xt-oferta .xt-bloco:target h2::after {
background: var(--limite);
}
.xt-oferta .xt-sub {
font-size: 1rem;
font-weight: 600;
line-height: 1.4;
margin: 0 0 12px;
color: var(--tinta);
}
.xt-oferta .xt-texto {
max-width: var(--medida);
}
.xt-oferta .xt-texto > *:first-child {
margin-top: 0;
}
.xt-oferta .xt-texto > *:last-child {
margin-bottom: 0;
}
.xt-oferta .xt-texto p {
margin: 0 0 1em;
} .xt-oferta .xt-escopo {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 28px 0;
}
.xt-oferta .xt-escopo-lado--nao {
padding-top: 26px;
border-top: 2px solid var(--limite);
}
@media (min-width: 760px) {
.xt-oferta .xt-escopo {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 0;
} .xt-oferta .xt-escopo-lado--sim {
padding-right: clamp(24px, 4vw, 48px);
border-right: 2px solid var(--limite);
}
.xt-oferta .xt-escopo-lado--nao {
padding-top: 0;
padding-left: clamp(24px, 4vw, 48px);
border-top: 0;
}
} .xt-oferta .xt-itens {
list-style: none;
margin: 0;
padding: 0;
max-width: 56ch;
}
.xt-oferta .xt-itens li {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 10px 0;
border-bottom: 1px solid var(--regua);
line-height: 1.5;
}
.xt-oferta .xt-itens li:last-child {
border-bottom: 0;
}
.xt-oferta .xt-icone {
flex: 0 0 16px;
margin-top: 5px;
color: var(--regua);
}
.xt-oferta .xt-itens--sim .xt-icone {
color: var(--limite);
}
.xt-oferta .xt-itens--nao {
color: var(--quieto);
}
.xt-oferta .xt-itens--nao .xt-icone {
color: var(--quieto);
} .xt-oferta .xt-passos {
list-style: none;
margin: 0;
padding: 0;
max-width: var(--medida);
}
.xt-oferta .xt-passo {
display: grid;
grid-template-columns: 2.25rem minmax(0, 1fr);
gap: 0 16px;
padding-bottom: 24px;
margin-bottom: 24px;
border-bottom: 1px solid var(--regua);
}
.xt-oferta .xt-passo:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
} .xt-oferta .xt-passo-n {
font-size: 1.0625rem;
font-weight: 500;
color: var(--quieto);
line-height: 1.45;
font-variant-numeric: tabular-nums;
} .xt-oferta .xt-duas {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 32px;
}
@media (min-width: 760px) {
.xt-oferta .xt-duas {
grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
gap: clamp(32px, 5vw, 64px);
}
} .xt-oferta .xt-preco {
font-size: clamp(1.25rem, 2.6vw, 1.625rem);
font-weight: 600;
letter-spacing: -0.015em;
line-height: 1.35;
margin: 0;
max-width: 36ch;
} .xt-oferta .xt-texto--prova {
border-left: 3px solid var(--regua);
padding-left: 22px;
} .xt-oferta .xt-faq {
max-width: var(--medida);
border-top: 1px solid var(--regua);
}
.xt-oferta .xt-faq-item {
border-bottom: 1px solid var(--regua);
}
.xt-oferta .xt-faq-item summary {
cursor: pointer;
font-weight: 600;
list-style: none;
padding: 16px 34px 16px 0;
position: relative;
line-height: 1.5;
}
.xt-oferta .xt-faq-item summary::-webkit-details-marker {
display: none;
}
.xt-oferta .xt-faq-item summary::after {
content: "";
position: absolute;
right: 4px;
top: 26px;
width: 12px;
height: 2px;
background: var(--limite);
}
.xt-oferta .xt-faq-item summary::before {
content: "";
position: absolute;
right: 9px;
top: 21px;
width: 2px;
height: 12px;
background: var(--limite);
}
.xt-oferta .xt-faq-item[open] summary::before {
display: none;
}
.xt-oferta .xt-faq-item .xt-texto {
padding: 0 34px 20px 0;
color: var(--quieto);
} .xt-oferta .xt-chamada-frase {
font-size: clamp(1.125rem, 2.4vw, 1.375rem);
font-weight: 400;
line-height: 1.45;
max-width: 44ch;
margin: 0 0 26px;
color: rgba(255, 255, 255, 0.88);
}
.xt-oferta .xt-botao {
display: inline-block;
background: var(--limite);
color: var(--papel);
text-decoration: none;
font-weight: 600;
font-size: 1rem;
padding: 14px 30px;
border: 0;
border-radius: 2px;
}
.xt-oferta .xt-botao:hover {
background: var(--papel);
color: var(--tinta);
} .xt-oferta .xt-relacionados {
list-style: none;
margin: 0 0 clamp(28px, 5vw, 44px);
padding: 0;
max-width: var(--medida);
border-top: 1px solid var(--regua);
}
.xt-oferta .xt-relacionados:last-child {
margin-bottom: 0;
}
.xt-oferta .xt-relacionados li {
border-bottom: 1px solid var(--regua);
}
.xt-oferta .xt-relacionados a {
display: block;
padding: 16px 0;
text-decoration: none;
color: var(--tinta);
}
.xt-oferta .xt-relacionados a:hover .xt-rel-titulo {
border-bottom-color: var(--tinta);
}
.xt-oferta .xt-rel-titulo {
display: inline;
font-weight: 600;
line-height: 1.45;
border-bottom: 1px solid transparent;
}
.xt-oferta .xt-rel-resumo {
display: block;
margin-top: 4px;
font-size: 0.9375rem;
color: var(--quieto);
line-height: 1.5;
max-width: 58ch;
} .xt-oferta .xt-rodape {
margin-top: var(--ritmo);
padding: 22px var(--pad) clamp(40px, 6vw, 64px);
border-top: 1px solid var(--regua);
}
.xt-oferta .xt-atualizado {
margin: 0;
font-size: 0.875rem;
color: var(--quieto);
} .xt-oferta .xt-topo {
position: fixed;
left: 16px;
bottom: 16px;
z-index: 6;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: var(--tinta);
color: var(--papel);
border: 1px solid rgba(255, 255, 255, 0.2);
text-decoration: none;
opacity: 0.8;
}
.xt-oferta .xt-topo:hover {
opacity: 1;
}
.xt-oferta .xt-topo .xt-icone {
color: var(--papel);
margin: 0;
}  .xt-oferta .xt-escopo-lado,
.xt-oferta .xt-passo-corpo,
.xt-oferta .xt-duas > * {
min-width: 0;
}
.xt-oferta .xt-texto,
.xt-oferta .xt-itens li,
.xt-oferta .xt-relacionados a {
overflow-wrap: break-word;
} @media (prefers-reduced-motion: reduce) {
.xt-oferta *,
.xt-oferta *::before,
.xt-oferta *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}  .xt-oferta.xt-hub .xt-bloco h2 {
max-width: none;
}
.xt-oferta .xt-hub-link {
color: inherit;
text-decoration: none;
border-bottom: 2px solid var(--regua);
}
.xt-oferta .xt-hub-link:hover {
border-bottom-color: var(--limite);
}
.xt-oferta .xt-vazio {
margin: 0;
color: var(--quieto);
font-size: 0.9375rem;
padding: 14px 0;
border-top: 1px solid var(--regua);
max-width: var(--medida);
}