/* Cole este arquivo no CSS adicional do WordPress caso o tema ainda aplique estilos globais. */
html body { background: #020202 !important; color: #eae1cb !important; }
html body main { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow: hidden; }
html body main > .section,
html body main > .ticker,
html body main > footer { width: 100% !important; max-width: none !important; margin-inline: 0 !important; }
html body main .container { width: min(1120px, calc(100% - 48px)) !important; max-width: 1120px !important; margin-inline: auto !important; padding-inline: 0 !important; }
html body main > .section:not(.hero) { padding-block: 104px !important; }
html body main .hero { display: flex !important; justify-content: center !important; width: 100% !important; }
html body main .hero .hero-content { width: min(1120px, calc(100% - 48px)) !important; max-width: 1120px !important; margin-inline: auto !important; }
html body main h1,
html body main h2,
html body main h3,
html body main .hero-preheadline,
html body main .workshop-pains li,
html body main .copy p,
html body main .immersion-card p,
html body main .satisfaction-card .satisfaction-close,
html body main .offer-card li,
html body main .faq summary { color: #eae1cb !important; }
html body main em,
html body main h1 em,
html body main h2 em,
html body main .workshop-emphasis,
html body main .price-question { color: #e6ca8a !important; }
html body main .lead,
html body main .section-intro,
html body main .workshop-lead,
html body main .satisfaction-card p,
html body main .objection p,
html body main .authority p { color: #918878 !important; }
html body main .workshop-emphasis { color: #e6ca8a !important; }
html body main #oferta .offer-wrap { width: min(calc(100% - 32px), 456px) !important; max-width: 456px !important; }
html body main #oferta .offer-card { width: 100% !important; min-height: 0 !important; aspect-ratio: auto !important; padding: 54px 28px 40px !important; border-radius: 48px !important; }
html body main #oferta .offer-card ul,
html body main #oferta .offer-price,
html body main #oferta .progress,
html body main #oferta .cta,
html body main #oferta .guarantee { width: min(100%, 400px) !important; max-width: 400px !important; margin-right: auto !important; margin-left: auto !important; }
html body main #oferta .cta { display: flex !important; margin-bottom: 26px !important; }
html body main #oferta .guarantee { margin: 0 0 22px !important; }
html body main .satisfaction-card { display: grid !important; grid-template-columns: minmax(220px, .55fr) minmax(0, 1.45fr) !important; gap: clamp(42px, 6vw, 84px) !important; align-items: center !important; max-width: 1040px !important; margin-inline: auto !important; }
html body main .guarantee-badge { margin: 0 !important; display: grid !important; place-items: center !important; }
html body main .guarantee-badge img { display: block !important; width: min(100%, 255px) !important; height: auto !important; mix-blend-mode: screen !important; filter: drop-shadow(0 14px 24px rgba(0,0,0,.32)) !important; }
html body main .hero { align-items: start !important; }
html body main .hero .hero-content { padding-top: 54px !important; padding-bottom: 55px !important; }
html body main .hero .price-anchor { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; width: min(100%, 476px) !important; min-width: 0 !important; gap: 24px !important; margin: 31px 0 17px !important; padding: 15px 22px !important; border: 1px solid rgba(230,202,138,.38) !important; border-radius: 14px !important; background: rgba(2,2,2,.72) !important; box-shadow: 0 9px 35px rgba(0,0,0,.25) !important; }
html body main .hero .price-anchor span,
html body main .hero .price-anchor b { display: block !important; min-height: 0 !important; padding: 0 !important; background: transparent !important; letter-spacing: normal !important; white-space: nowrap !important; }
html body main .hero .price-anchor span { color: #918878 !important; font-size: 15px !important; font-weight: 400 !important; }
html body main .hero .price-anchor del { color: #9e4d58 !important; }
html body main .hero .price-anchor span { color: #918878 !important; font-size: 32px !important; font-weight: 700 !important; }
html body main .hero .price-anchor b { color: #e6ca8a !important; font-size: 32px !important; font-weight: 700 !important; line-height: 1.05 !important; }
html body main .hero .cta { width: min(100%, 476px) !important; color: #fff !important; font-size: 16px !important; letter-spacing: .02em !important; }
html body main .hero-progress { width: min(100%, 476px) !important; margin-top: 20px !important; text-align: center !important; }
html body main .hero-progress .progress { width: 100% !important; max-width: none !important; margin: 0 auto 8px !important; }
html body main .hero-progress p { margin: 0 !important; color: #ded4c0 !important; font-size: 11px !important; font-weight: 700 !important; }
@media (max-width: 780px) {
  html body main .container,
  html body main .hero .hero-content { width: min(calc(100% - 32px), 1120px) !important; }
  html body main > .section:not(.hero) { padding-block: 76px !important; }
}
@media (max-width: 680px) {
  html body main .satisfaction-card { grid-template-columns: 1fr !important; gap: 28px !important; text-align: center !important; }
  html body main .guarantee-badge { order: -1 !important; }
  html body main .guarantee-badge img { width: min(100%, 210px) !important; margin-inline: auto !important; }
  html body main .satisfaction-card .eyebrow { text-align: center !important; }
}
@media (max-width: 520px) {
  html body main #oferta .offer-wrap { max-width: 460px !important; }
  html body main #oferta .offer-card { min-height: 0 !important; aspect-ratio: auto !important; padding: 43px 23px 30px !important; border-radius: 31px !important; }
}
@media (max-width: 440px) {
  html body main .hero .hero-content { padding-top: 34px !important; padding-bottom: 48px !important; }
  html body main .hero .price-anchor { min-width: 0 !important; gap: 14px !important; padding: 12px 14px !important; }
  html body main .hero .price-anchor span,
  html body main .hero .price-anchor b { min-height: 0 !important; padding: 0 !important; font-size: 20px !important; }
  html body main .hero .cta,
  html body main .hero-progress { width: 100% !important; }
  html body main .hero .cta { font-size: 14px !important; }
}
