/* Fundos e ajustes cromáticos da sales page, sem alterar o layout. */
.chapter-one,
.perspective,
footer { background-color: #F8F7F4; }
.perspective { border-color: #F3F1ED; }
.morada-benefits { background-color: #FFFFFF; }
.compare-section { background-color: #F3F1ED; }
/* Correções de contraste AA nas legendas e no rodapé. */
.benefit-visual--transparencia>figcaption,
.trust-story-number,
.footer-bottom { color: #666761; }

/* Fundo da abertura estendido às bordas sem escurecer as seções seguintes. */
.hero {
  background-color: #0C0D0F;
  box-shadow: 0 0 0 100vmax #0C0D0F;
  clip-path: inset(0 -100vmax);
  color: #F3F1ED;
  padding-top: 112px;
  padding-bottom: 100px;
}
.hero-player-cover { color: #F3F1ED; }
.hero-description,
.hero-continue { color: #B8B8BA; }
.hero-continue span { color: #F3F1ED; }
.hero h1 mark,
.offer-intro h2>span {
  color: inherit;
  background: linear-gradient(transparent 80%, #F7CC54 80%, #F7CC54 93%, transparent 93%);
  padding: 0 .025em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.hero :focus-visible { outline-color: #f7cc54; }

@media (min-width:1550px) {
  .hero { padding-top: 124px; padding-bottom: 112px; }
}

@media (max-width:1100px) and (min-width:781px) {
  .hero { padding-block: 91px; }
}

@media (max-width:780px) {
  .hero { padding-top: 74px; padding-bottom: 68px; }
}

/* O fundo se aprofunda discretamente dentro de cada momento de conversão. */
.bonus-section {
  background: linear-gradient(180deg, #161719, #1D1E21);
  color: #FFFFFF;
  border-color: #1D1E21;
}
.bonus-intro .bonus-eyebrow,
.bonus-intro h2>span,
.bonus-description,
.bonus-included-label,
.bonus-invitation .bonus-eyebrow,
.bonus-invitation h3 span,
.bonus-invitation>p:not(.bonus-eyebrow):not(.bonus-time),
.bonus-time,
.bonus-roadmap small,
.bonus-partner { color: #B8B8BA; }
.bonus-roadmap li,
.bonus-partner strong { color: #FFFFFF; }
.bonus-roadmap li:not(.is-current):not(.is-complete)>span { color: #B8B8BA; }
.bonus-enrollment { border-color: #B8B8BA40; }

/* Interrompe a herança clara nas superfícies claras já existentes. */
.bonus-discount,
.bonus-perk,
.bonus-panel { color: #20221d; }

.offer-section {
  --offer-ink: #FFFFFF;
  --offer-muted: #B8B8BA;
  --offer-line: #B8B8BA40;
  background: linear-gradient(180deg, #161719, #0C0D0F 65%);
  color: #FFFFFF;
}
.offer-eyebrow,
.offer-closing { color: #B8B8BA; }
.offer-value svg,
.offer-reassurance li:before { color: #B8B8BA; }
.offer-card,
.offer-tata {
  --offer-ink: #262820;
  --offer-muted: #62645a;
  --offer-line: #dedfd5;
  color: #262820;
}
/* Somente o valor numérico dos planos recebe verde. */
.offer-price strong,
.bonus-discount-number { color: #1F6B42; }

/* Reforça o desconto dos planos com o verde da marca. */
.offer-price-discount { color: #1F6B42; }
.bonus-success-summary li:first-child,
.bonus-success-summary li:first-child>span { color: #A31D2D; }
.offer-discount-notice p,
.offer-billing,
.offer-billing>span { color: #1F6B42; }
/* O foco externo precisa continuar visível contra o novo fundo preto. */
.offer-guarantee summary:focus-visible,
.offer-help:focus-visible { outline-color: #f7e6a9; }
@media (hover:hover) {
  .offer-help:hover { color: #FFFFFF; }
}
@media (max-width:760px) {
  /* No celular, este rótulo passa a integrar o card branco original. */
  .bonus-included-label { color: #65695e; }
}