/* Integrar após styles.css. Oferta, garantia e visuais do ecossistema/comunidade. */
.offer-section.offer-refined {
  --offer-gold: #d9b671;
  --offer-warm-ink: #170d10;
  isolation: isolate;
  background: var(--offer-warm-ink);
  border-color: #66312b;
  padding-block: clamp(76px, 8vw, 112px);
}
.offer-refined .offer-atmosphere {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  contain: paint;
}
.offer-refined .offer-atmosphere-halo {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 20% 40%, rgba(188, 42, 34, .21), transparent 61%), radial-gradient(ellipse at 86% 88%, rgba(217, 182, 113, .05), transparent 53%);
}
.offer-refined .offer-atmosphere-grid {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: .46;
}
.offer-refined .offer-atmosphere-sweep {
  position: absolute;
  left: 0;
  top: -20%;
  width: 38%;
  height: 140%;
  opacity: 0;
  transform: translate3d(-180%, 0, 0) rotate(-18deg);
  background: linear-gradient(90deg, transparent 3%, rgba(229, 67, 52, .24) 43%, rgba(255, 220, 164, .48) 50%, rgba(229, 67, 52, .17) 57%, transparent 97%);
}
.offer-refined .offer-grid {
  position: relative;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(36px, 4.6vw, 60px);
  align-items: center;
  padding-block: 30px;
}
.offer-refined .offer-grid::before,
.offer-refined .offer-grid::after {
  content: '';
  position: absolute;
  pointer-events: none;
  height: 1px;
  left: 0;
  right: 0;
  background: linear-gradient(90deg, rgba(229, 67, 52, .78), rgba(217, 182, 113, .32) 47%, transparent 92%);
}
.offer-refined .offer-grid::before { top: 0; }
.offer-refined .offer-grid::after { bottom: 0; opacity: .5; }
.offer-refined .offer-copy,
.offer-refined .purchase-panel { min-width: 0; }
.offer-refined .offer-copy h2 {
  max-width: 16ch;
  font-family: var(--display);
  font-weight: 800;
  font-size: clamp(46px, 4.8vw, 68px);
  line-height: 1.04;
  letter-spacing: -.025em;
}
.offer-refined .offer-copy h2 span { color: #f36c5e; }
.offer-refined .offer-copy > p {
  font-size: 16px;
  line-height: 1.8;
  color: #e1cbd0;
  max-width: 44ch;
  margin-top: 27px;
}
.offer-refined .offer-copy > ul {
  gap: 13px;
  margin-top: 28px;
  color: #e1cbd0;
  font-size: 14px;
}
.offer-refined .offer-copy > ul > li::before {
  width: 5px;
  height: 5px;
  margin-top: 10px;
  background: var(--offer-gold);
}
.offer-refined .purchase-panel {
  width: 100%;
  max-width: 500px;
  justify-self: start;
  padding: 30px clamp(24px, 3vw, 36px);
  border: 1px solid #805d3d;
  border-radius: 14px;
  background: #100c0e;
}
.offer-refined .offer-brand { display: flex; align-items: center; gap: 18px; min-width: 0; padding-bottom: 22px; border-bottom: 1px solid #453425; }
.offer-refined .offer-brand img { width: 123px; height: 82px; object-fit: contain; flex: none; }
.offer-refined .offer-brand .offer-product { min-width: 0; margin: 0; line-height: 1.45; }
.offer-refined .offer-product {
  color: var(--offer-gold);
  font-size: 14px;
  font-weight: 700;
}
.offer-refined .purchase-panel .installment-price {
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 27px;
}
.offer-refined .purchase-panel .installment-price > strong {
  font-family: var(--display);
  font-weight: 800;
  font-size: clamp(56px, 5.6vw, 78px);
  line-height: 1;
  color: var(--paper);
  font-variant-numeric: tabular-nums;
}
.offer-refined .cash-price { color: #ecd8dc; }
.offer-refined .price-note { color: #ddc6cd; font-size: 14px; }
.offer-refined .purchase-panel .button-purchase { display: flex; width: 100%; max-width: 100%; min-width: 0; margin-inline: 0; padding: 16px 18px; min-height: 60px; font-size: 15px; gap: 10px; justify-content: center; }
.offer-refined .button-purchase .purchase-label { min-width: 0; white-space: normal; line-height: 1.4; }
.offer-refined .button-purchase svg { width: 20px; height: 20px; flex: none; }
.offer-refined .purchase-panel .button-purchase:hover { transform: none; }
.offer-refined .purchase-message { color: #d5bdc5; font-size: 12px; }
.offer-refined .guarantee-line { color: #e0cbd1; font-size: 12px; }
.offer-refined .guarantee-line svg { color: var(--offer-gold); }

/* Seção própria: SVG original, sem filtros, corte ou animação do selo. */
.guarantee-section {
  --offer-gold: #d9b671;
  background: var(--bg);
  padding-block: clamp(68px, 7vw, 96px);
}
.guarantee-layout {
  display: grid;
  grid-template-columns: minmax(168px, 240px) minmax(0, 1fr);
  gap: clamp(36px, 7vw, 88px);
  align-items: center;
  max-width: 940px;
}
.guarantee-seal { margin: 0; min-width: 0; }
.guarantee-seal img { width: 100%; height: auto; aspect-ratio: 1; }
.guarantee-copy { min-width: 0; }
.guarantee-copy h2 {
  font-family: var(--display);
  font-weight: 800;
  font-size: clamp(38px, 4vw, 54px);
  line-height: 1.07;
  max-width: 23ch;
}
.guarantee-copy h2 span { color: var(--offer-gold); }
.guarantee-copy > p {
  margin-top: 22px;
  font-size: 16px;
  line-height: 1.8;
  color: var(--muted);
  max-width: 59ch;
}
.button-guarantee {
  margin-top: 28px;
  min-height: 48px;
  padding: 11px 18px;
  gap: 20px;
  font-size: 14px;
  background: transparent;
  color: var(--paper);
  border: 1px solid #8b7049;
}
.button-guarantee:hover { background: #211a12; }

@media (max-width: 900px) {
  .offer-refined .offer-grid { gap: 32px; }
  .offer-refined .purchase-panel { padding: 28px 24px; }
  .offer-refined .offer-copy h2 { font-size: 50px; }
}
@media (max-width: 760px) {
  .offer-section.offer-refined { padding-block: 64px; }
  .offer-refined .offer-grid { grid-template-columns: minmax(0, 1fr); gap: 34px; padding-block: 24px; }
  .offer-refined .offer-copy h2 { font-size: clamp(42px, 10vw, 54px); max-width: 17ch; }
  .offer-refined .offer-copy > p { max-width: 58ch; margin-top: 22px; }
  .offer-refined .purchase-panel { padding: 26px 22px; border: 1px solid #805d3d; background: #100c0e; justify-self: center; }
  .offer-refined .purchase-panel .installment-price > strong { font-size: clamp(48px, 16vw, 68px); }
  .offer-refined .purchase-panel .button-purchase { padding-inline: 14px; gap: 10px; }
  .offer-refined .guarantee-line { justify-content: flex-start; }
  .guarantee-section { padding-block: 60px; }
  .guarantee-layout { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .guarantee-seal { width: 172px; margin-inline: auto; }
  .guarantee-copy h2 { font-size: clamp(38px, 9vw, 48px); }
  .guarantee-copy > p { max-width: 60ch; }
  .button-guarantee { width: 100%; }
}

/* São quatro representações do mesmo relógio; nenhum timer independente. */
.offer-countdown { margin-top: 24px; padding-top: 22px; border-top: 1px solid #453425; }
.offer-countdown h3 { font-family: var(--body); font-size: 14px; font-weight: 750; line-height: 1.45; color: var(--paper); max-width: 40ch; }
.offer-countdown > p { margin-top: 7px; font-size: 12px; line-height: 1.65; color: #d5bdc5; }
.offer-countdown .countdown-block { min-width: 0; width: 100%; max-width: none; margin-top: 18px; }
.offer-countdown .countdown-digits,
.bonus-countdown .countdown-digits { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); gap: 7px; width: 100%; align-items: start; }
.offer-countdown .countdown-digits div,
.bonus-countdown .countdown-digits div { min-width: 0; }
.offer-countdown .countdown-digits strong { font-size: 34px; }
.offer-countdown .countdown-digits b { font-size: 24px; }
.offer-countdown .countdown-digits span,
.bonus-countdown .countdown-digits span { font-size: 9px; white-space: nowrap; }
.bonus-availability.bonus-availability-timed { width: fit-content; max-width: 100%; padding: 8px 12px; border-radius: 6px; background: #782921; color: #fff3ec; font-size: 14px; font-weight: 800; line-height: 1.4; }
.bonus-countdown { min-width: 0; max-width: 280px; width: 100%; margin-top: 20px; padding-top: 14px; border-top: 1px solid #50434a; }
.mini-countdown-title { display: block; font-size: 11px; line-height: 1.5; color: #ddd0d3; margin-bottom: 12px; }
.bonus-countdown .countdown-digits strong { font-size: 28px; }
.bonus-countdown .countdown-digits b { font-size: 22px; }

/* Mesma coluna visual nos cinco itens. O CRM é ilustração, não marca oficial. */
.ecosystem-list li { gap: 20px; }
.ecosystem-list li > div { min-width: 0; }
.ecosystem-visual { flex: none; width: 64px; height: 64px; margin: 0; display: grid; place-items: center; }
.ecosystem-list .ecosystem-visual img { width: 54px; height: 54px; margin: 0; object-fit: contain; }
.ecosystem-list .ecosystem-visual .wide-logo { width: 64px; height: auto; max-height: 54px; margin: 0; }
.ecosystem-list .ecosystem-visual .ecosystem-screen { width: 64px; height: 44px; object-fit: contain; border: 1px solid #494047; border-radius: 4px; background: #08090d; }
.ecosystem-symbol { width: 64px; height: 64px; }

/* Originais íntegros: miniaturas decorativas junto dos seis textos existentes. */
.community-benefits li { display: grid; grid-template-columns: 92px minmax(0,1fr); gap: 22px; align-items: center; }
.community-benefit-visual { width: 92px; height: 96px; display: grid; place-items: center; margin: 0; }
.community-benefit-visual img { width: 100%; height: 100%; object-fit: contain; }
.community-benefit-copy { min-width: 0; }
@media (max-width: 760px) {
  .offer-refined .offer-brand { gap: 14px; }
  .offer-countdown .countdown-digits { gap: 5px; }
  .offer-countdown .countdown-digits strong { font-size: 30px; }
  .offer-countdown .countdown-digits b { font-size: 22px; }
  .ecosystem-list li { gap: 16px; }
  .community-benefits li { grid-template-columns: 76px minmax(0,1fr); gap: 18px; }
  .community-benefit-visual { width: 76px; height: 84px; }
}
@media (prefers-reduced-motion: reduce) {
  .offer-refined .offer-atmosphere-sweep { display: none; }
  .offer-refined .button-purchase,
  .button-guarantee { transition: none; }
}

/* A figura é apoio editorial, sem números de faturamento ou promessas visuais. */
.audience-section { background: #130c10; border-block: 1px solid #36242a; }
.audience-layout { display: grid; grid-template-columns: minmax(0,1.18fr) minmax(0,.82fr); gap: clamp(40px,6vw,80px); align-items: center; }
.audience-copy { min-width: 0; }
.audience-copy h2 { max-width: 19ch; font-size: clamp(40px,4.2vw,60px); }
.audience-copy > p { margin-top: 24px; font-size: 16px; line-height: 1.8; color: #d4c2c8; max-width: 58ch; }
.audience-list { list-style: none; padding: 0; margin: 26px 0 0; display: grid; gap: 15px; font-size: 15px; color: #e4d5d9; }
.audience-list li { display: flex; align-items: flex-start; gap: 12px; }
.audience-list li::before { content: ''; flex: none; width: 5px; height: 5px; margin-top: 11px; background: var(--red); }
.audience-visual { margin: 0; min-width: 0; }
.audience-visual img { width: 100%; height: auto; max-height: 430px; object-fit: contain; }

/* Cada vídeo preserva seu contexto de origem e só monta um player após clique. */
.testimonials-section { background: var(--bg); }
.testimonials-intro { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: 64px; align-items: end; margin-bottom: 42px; }
.testimonials-intro h2 { max-width: 20ch; }
.testimonials-intro p { color: var(--muted); font-size: 16px; line-height: 1.8; max-width: 48ch; padding-bottom: 4px; }
.testimonial-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.testimonial-card { min-width: 0; }
.testimonial-stage { width: 100%; aspect-ratio: 16 / 9; position: relative; background: #100d11; border-radius: 12px; }
.testimonial-poster { display: block; position: relative; width: 100%; height: 100%; padding: 0; border: 0; border-radius: 12px; overflow: hidden; cursor: pointer; background: #100d11; color: #fff; }
.testimonial-poster > img { width: 100%; height: 100%; object-fit: contain; }
.testimonial-poster::after { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent 45%,rgba(9,10,13,.7)); pointer-events: none; }
.testimonial-play { position: absolute; inset: 0; z-index: 1; display: grid; place-items: center; pointer-events: none; }
.testimonial-play svg { width: 54px; height: 54px; padding: 15px; border-radius: 50%; background: #c6372b; color: #fff5ed; transition: background .18s ease-out; }
.testimonial-poster:hover .testimonial-play svg { background: #e54334; }
.testimonial-poster:focus-visible { outline: 3px solid var(--lime); outline-offset: 5px; }
.testimonial-player { display: block; width: 100%; height: 100%; border: 0; border-radius: 12px; }
.testimonial-caption { padding-top: 17px; }
.testimonial-caption h3 { font-size: 17px; font-weight: 750; line-height: 1.4; }
.testimonial-caption p { margin-top: 7px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.testimonial-noscript { margin-top: 20px; color: var(--muted); font-size: 14px; }
@media (max-width: 900px) { .testimonial-grid { gap: 18px; } .testimonials-intro { gap: 38px; } }
@media (max-width: 760px) {
  .audience-layout { grid-template-columns: minmax(0,1fr); gap: 30px; }
  .audience-copy h2 { font-size: clamp(40px,9vw,50px); }
  .audience-visual { width: min(100%,340px); margin-inline: auto; }
  .audience-visual img { max-height: 320px; }
  .testimonials-intro { display: block; margin-bottom: 32px; }
  .testimonials-intro p { margin-top: 20px; padding: 0; max-width: 60ch; }
  .testimonial-grid { grid-template-columns: minmax(0,1fr); gap: 32px; }
  .testimonial-caption { padding-top: 14px; }
}
@media (prefers-reduced-motion: reduce) { .testimonial-play svg { transition: none; } }

/* O valor integral de1497 e os mini-contadores cabem em320px. */
.value-current .installment-price { flex-wrap: wrap; row-gap: 8px; }
@media (max-width: 380px) {
  .offer-refined .purchase-panel .installment-price > strong { font-size: clamp(42px,14vw,50px); }
  .value-current .installment-price > strong { font-size: clamp(48px,15vw,56px); }
  .bonus-countdown .countdown-digits { gap: 3px; }
  .bonus-countdown .countdown-digits > div { min-width: 0; flex: 1; }
}

/* Um espaço da turma Infinity, junto do benefício existente do Discord. */
.community-benefits .community-infinity { row-gap: 16px; }
.infinity-channel {
  grid-column: 1 / -1;
  min-width: 0;
  padding: 18px 20px;
  border: 1px solid #a28650;
  border-radius: 12px;
  background: #192014;
}
.community-benefits .infinity-channel h4 {
  color: #d8f34e;
  font-family: var(--body);
  font-size: 15px;
  font-weight: 750;
  line-height: 1.5;
  max-width: 52ch;
}
.community-benefits .infinity-channel p {
  color: #e7e2d7;
  font-size: 14px;
  line-height: 1.75;
  margin-top: 10px;
  max-width: 66ch;
}
@media (max-width: 380px) { .infinity-channel { padding: 16px; } }

/* Montagem de capturas autênticas, com reprodução nativa e sob controle do visitante. */
.members-tour-section { padding: 8px 0 64px; }
.members-tour-head { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 48px; align-items: end; margin-bottom: 24px; }
.members-tour-head h2 { font-size: clamp(36px,3.6vw,48px); line-height: 1.1; }
.members-tour-head p { font-size: 15px; line-height: 1.75; color: var(--muted); max-width: 62ch; }
.members-tour-figure { margin: 0; min-width: 0; }
.members-tour-video { display: block; width: 100%; height: auto; aspect-ratio: 1854 / 600; object-fit: contain; border: 1px solid #50414a; border-radius: 12px; background: #08090d; }
.members-tour-figure figcaption { margin-top: 13px; color: var(--muted); font-size: 13px; line-height: 1.7; }
@media (max-width: 760px) {
  .members-tour-section { padding: 0 0 52px; }
  .members-tour-head { grid-template-columns: minmax(0,1fr); gap: 14px; margin-bottom: 22px; }
  .members-tour-head h2 { font-size: 38px; }
}

/* Análise humana para compras recentes; não cria abatimento ou elegibilidade. */
.recent-buyers-section { padding-block: 60px; background: #141117; border-bottom: 1px solid #393038; }
.recent-buyers-layout { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); gap: clamp(36px,5vw,68px); align-items: center; }
.recent-buyers-copy { min-width: 0; }
.recent-buyers-copy h2 { font-size: clamp(34px,3.7vw,48px); line-height: 1.1; max-width: 23ch; }
.recent-buyers-copy > p { margin-top: 22px; font-size: 16px; line-height: 1.8; color: #ded2d8; max-width: 61ch; }
.recent-buyers-copy .recent-buyers-support { font-size: 14px; color: #c8b7c1; margin-top: 15px; }
.recent-buyers-actions { width: 100%; max-width: 390px; min-width: 0; justify-self: end; }
.recent-buyers-actions .recent-buyers-contact { display: flex; width: 100%; max-width: 100%; min-height: 54px; gap: 12px; }
.recent-buyers-number-label { display: block; margin-top: 18px; margin-bottom: 8px; font-size: 12px; font-weight: 650; color: #c8b7c1; }
.recent-buyers-phone-row { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 10px; }
.recent-buyers-phone { width: 100%; min-width: 0; min-height: 48px; border: 1px solid #5a4a53; border-radius: 8px; background: #0b0a0d; color: var(--paper); font-family: var(--body); font-size: 14px; font-weight: 650; padding: 11px 12px; caret-color: var(--lime); }
.recent-buyers-phone:focus-visible { outline: 3px solid var(--lime); outline-offset: 3px; }
.recent-buyers-actions .recent-buyers-copy-number { min-height: 48px; padding: 11px 14px; gap: 0; font-size: 13px; white-space: nowrap; border: 1px solid #9f8250; background: transparent; color: var(--paper); }
.recent-buyers-copy-number:hover { background: #262014; transform: none; }
.recent-buyers-copy-status { min-height: 3.3em; margin-top: 9px; font-size: 12px; line-height: 1.65; color: #ded2d8; }
@media (max-width: 1000px) { .recent-buyers-phone-row { grid-template-columns: minmax(0,1fr); } .recent-buyers-copy-number { width: 100%; } }
@media (max-width: 760px) {
  .recent-buyers-section { padding-block: 50px; }
  .recent-buyers-layout { grid-template-columns: minmax(0,1fr); gap: 26px; }
  .recent-buyers-copy h2 { font-size: clamp(34px,8.5vw,42px); }
  .recent-buyers-actions { max-width: none; justify-self: stretch; }
}

/* R13: alvos de toque sem alterar a seta nativa ou a navegacao mobile. */
.site-header nav a { display: inline-flex; align-items: center; min-width: 44px; min-height: 44px; padding-block: 10px; }
.annual-reference > summary { min-height: 44px; padding-block: 12px; }

/* R15: o balao do widget nao deve encobrir o CTA no mobile da Sales. */
@media (max-width: 760px) {
  #dc-wapp-root .dc-wapp-bubble { display: none !important; }
}

/* Sales: contraste dos CTAs amarelos, incluindo anchors de checkout. */
html body .button:is(.button-primary, .button-purchase) {
  color: #090a0d !important;
  transition: background-color .16s ease-out, color .16s ease-out;
}
html body .button:is(.button-primary, .button-purchase):is(:hover, :focus, :focus-visible, :active, :visited) {
  color: #090a0d !important;
  transform: none !important;
}
html body .button:is(.button-primary, .button-purchase):is(:hover, :focus, :focus-visible, :active) {
  background-color: #e5fb79 !important;
}
html body .button:is(.button-primary, .button-purchase) * {
  color: inherit !important;
}
html body .button:is(.button-primary, .button-purchase) svg [stroke="currentColor"] {
  stroke: currentColor !important;
}
html body .button:is(.button-primary, .button-purchase) svg [fill="currentColor"] {
  fill: currentColor !important;
}
@media (prefers-reduced-motion: reduce) {
  html body .button:is(.button-primary, .button-purchase) { transition: none; }
}