/* Reset básico */
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color: #1a1a1a; background: #ffffff; }

/* Container geral */
.container { max-width: 1120px; margin: 0 auto; padding: 24px 20px; }

/* Top bar vermelha */
.topbar { background: #c74240; }
.topbar__inner { max-width: 1120px; margin: 0 auto; padding: 10px 16px; display: flex; justify-content: center; }
.topbar__title { color: #fff; font-weight: 700; letter-spacing: .5px; }

/* Aviso amarelo */
.notice { display: flex; justify-content: center; padding: 12px 16px; }
.notice__text { font-size: 18px; line-height: 1.35; }
.notice__date { background: #ffef5a; padding: 0 6px; border-radius: 2px; font-weight: 700; color: #cc1414; }

/* Área da VSL */
.vsl { display: flex; justify-content: center; }
.vsl__placeholder,
.vsl iframe,
.vsl video { width: 100%; max-width: 640px; }

/* Estilo do placeholder (apague se não precisar) */
.vsl__placeholder {
  background: #4d148c;
  color: #fff;
  border-radius: 6px;
  padding: 48px 28px;
  text-align: center;
  margin: 16px 0 24px;
}
.vsl__placeholder p { font-weight: 700; margin-bottom: 16px; }
.vsl__placeholder ul { list-style: none; display: inline-block; text-align: left; gap: 8px; }
.vsl__placeholder li { margin: 6px 0; }

/* Responsividade */
@media (max-width: 640px) {
  .notice__text { font-size: 16px; text-align: center; }
  .vsl__placeholder { padding: 36px 20px; }
}
/* ====== estrutura ====== */
.qo { background:#f2f9f4; }
.qo__wrap { max-width:1040px; margin:0 auto; padding:40px 20px 56px; }
.qo__title { font:700 44px/1.1 'Montserrat', system-ui, Arial; color:#2e885f; text-align:center; }
.qo__title span { color:#1aa884; }
.qo__sub { text-align:center; color:#2b2b2b; font-size:19px; max-width:900px; margin:10px auto 22px; }
.qo__sub strong { font-weight:700; }

/* ====== quiz ====== */
.qo-step { display:none; }
.qo-step.is-active { display:block; }
.qo-step__title { text-align:center; font:700 26px/1.2 system-ui,Arial; color:#111; margin:12px 0 12px; }
.qo-step__btns { display:flex; flex-direction:column; gap:12px; max-width:460px; margin:0 auto; }
.qo-btn {
  background:#0ea08c; color:#fff; border:none; border-radius:8px;
  padding:14px 20px; font-weight:800; cursor:pointer; box-shadow:0 6px 18px rgba(14,160,140,.18);
}
.qo-btn:hover { filter:brightness(.96); }
.qo-btn.is-mute { background:#a9a5ab; box-shadow:none; }
.qo-btn--primary { background:#1c8a53; box-shadow:0 10px 24px rgba(28,138,83,.25); }
.qo-btn--ghost { background:#ecf6ef; color:#1c8a53; border:2px solid #d3eadc; font-weight:800; }

/* preparing */
.qo__prep-text { text-align:center; margin:8px 0 12px; font-size:18px; }
.qo__bar { height:12px; background:#e9eef0; border-radius:999px; overflow:hidden; max-width:520px; margin:0 auto; }
.qo__bar-fill { height:100%; width:0%; background:#2f7e5b; transition:width .2s linear; }
.qo__timer { text-align:center; margin-top:8px; font-size:14px; }
.qo__timer .qo__time { color:#c63030; font-weight:700; }

/* ====== oferta ====== */
.qo-offer__title { text-align:center; font:700 26px/1.2 system-ui,Arial; color:#111; margin-top:12px; }
.qo-offer__sub { text-align:center; margin:6px 0 18px; }
.qo-offer__sub span { color:#1c8a53; font-weight:700; }
.qo-offer__sub em { color:#c63030; font-weight:700; font-style:normal; }

/* cards */
.qo-cards { display:grid; grid-template-columns:1fr; gap:18px; max-width:1040px; margin:0 auto 18px; }
.qo-card {
  background:#ffffff; border-radius:18px; padding:18px; box-shadow:0 14px 30px rgba(0,0,0,.08), 0 2px 0 rgba(0,0,0,.03) inset;
  border:1px solid #e6efea;
}
.qo-card--primary { background:#143e2e; color:#eaf5ef; border-color:#143e2e; }
.qo-card__head { text-align:center; }
.qo-card__head h4 { font:700 18px/1.2 system-ui,Arial; margin-top:6px; }
.qo-card__head small { display:block; font-weight:700; opacity:.7; }
.qo-badge { display:inline-block; background:#e9f6ef; color:#1c8a53; font-weight:700; padding:6px 10px; border-radius:12px; }
.qo-badge--primary { background:#2a8c63; color:#fff; }
.qo-card__img { display:flex; justify-content:center; margin:10px 0; }
.qo-card__img img { max-width:180px; height:auto; }
.qo-card--primary .qo-card__img img { filter:drop-shadow(0 8px 18px rgba(0,0,0,.35)); }

.qo-card__price { text-align:center; margin:6px 0 10px; }
.qo-price__currency { font-weight:800; font-size:24px; vertical-align:top; }
.qo-price__num { font-weight:800; font-size:46px; margin-left:2px; }
.qo-card__price small { display:block; font-weight:800; opacity:.8; margin-top:-4px; }

.qo-card__bullets { list-style:none; display:grid; gap:8px; margin:10px 0 14px; }
.qo-card--primary .qo-card__bullets li { background:#1e533c; color:#eaf5ef; }
.qo-card__bullets li {
  background:#eaf5ef; color:#1c8a53; padding:10px 12px; border-radius:10px; font-weight:800; text-align:center;
}

.qo-card__payments { text-align:center; margin-top:12px; }
.qo-card__payments img { height:22px; opacity:.95; }
.qo-card__total { font-size:13px; margin-top:6px; }
.qo-card__total s { opacity:.6; }

/* stock bar */
.qo-stock { max-width:740px; margin:10px auto 0; text-align:center; }
.qo-stock__bar { background:#e7ecee; height:18px; border-radius:999px; overflow:hidden; position:relative; margin-top:8px; }
.qo-stock__fill { background:#bb3b30; height:100%; }
.qo-stock__label { background:#bb3b30; color:#fff; display:inline-block; padding:8px 12px; border-radius:6px; margin-top:12px; font-weight:800; }

/* grid responsiva */
@media (min-width: 900px){
  .qo__title { font-size:48px; }
  .qo-cards { grid-template-columns: repeat(3, 1fr); }
  .qo-card--primary { transform:translateY(-6px); }
}
/* ===== OFERTAS (stack estilo imagem) ===== */
.offer-stack{display:flex;flex-direction:column;gap:18px;max-width:420px;margin:0 auto}

.offer-card{
  background:#ffffff;
  border:1px solid #e7efea;
  border-radius:20px;
  padding:14px 14px 16px;
  box-shadow:0 14px 30px rgba(0,0,0,.08), 0 2px 0 rgba(0,0,0,.03) inset;
}
.offer-card.is-featured{
  background:linear-gradient(180deg,#1a4b38,#0f2f23);
  color:#e6f6ef;
  border-color:#0f2f23;
  box-shadow:0 14px 40px rgba(6,40,30,.35), 0 0 0 3px rgba(14,160,140,.18);
}

.offer-head{display:flex;justify-content:center;margin-top:2px}
.offer-badge{
  background:#e9f6ef;color:#1c8a53;font-weight:900;padding:6px 12px;border-radius:12px;
}
.offer-badge.is-muted{background:#eef3f0;color:#2e885f;opacity:.9}
.offer-card.is-featured .offer-badge{background:transparent;color:#c8f1df;border:0;font-weight:900}

.offer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:8px}
.offer-supply-title{font-weight:900;letter-spacing:.4px}
.offer-supply-sub{font-weight:900;opacity:.85}

.offer-price{display:flex;flex-direction:column;align-items:flex-end;line-height:1}
.offer-price-currency{font-weight:900;font-size:18px}
.offer-price-num{font-weight:900;font-size:36px;margin-top:-2px}
.offer-price-sub{font-weight:900;font-size:11px;opacity:.8;margin-top:2px}
.offer-card.is-featured .offer-price-currency,
.offer-card.is-featured .offer-price-num,
.offer-card.is-featured .offer-price-sub{color:#fff}

.offer-product{display:flex;justify-content:center;margin:10px 0}
.offer-product img{max-width:160px;height:auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.25))}
.offer-card.is-featured .offer-product img{filter:drop-shadow(0 10px 22px rgba(0,0,0,.45))}

.offer-pills{list-style:none;display:flex;flex-direction:column;gap:8px;margin:2px 0 12px;padding:0}
.offer-pills li span{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:#eaf5ef;color:#1c8a53;border:1px solid #d3eadc;border-radius:999px;
  padding:8px 12px;font-weight:900;font-size:13px;
}
.offer-card.is-featured .offer-pills li span{
  background:#113a2b;color:#e6f6ef;border-color:#113a2b;
}

.offer-cta{
  display:flex;align-items:center;justify-content:center;
  height:48px;border-radius:999px;font-weight:900;
  background:#ecf6ef;color:#1c8a53;border:2px solid #d3eadc;
  text-decoration:none;transition:.2s ease;margin:6px 0 10px
}
.offer-cta:hover{filter:brightness(.97)}
.offer-cta.is-featured{
  background:#1c8a53;border:0;color:#fff;box-shadow:0 12px 26px rgba(28,138,83,.32)
}
.offer-cta.is-featured:hover{filter:brightness(.98)}

.offer-total{
  text-align:center;font-weight:900;margin-top:2px;
}
.offer-total s{color:#e85c5c}
.offer-card.is-featured .offer-total{color:#e6f6ef}
.offer-card.is-featured .offer-total b,
.offer-card.is-featured .offer-total strong{color:#fff}

.offer-payments{display:flex;justify-content:center;margin-top:10px}
.offer-payments img{height:24px;opacity:.96}

/* largura maior (opcional) */
@media(min-width:520px){
  .offer-stack{max-width:480px}
}
/* Scientific References (uma imagem) */
.refs{ background:#f6fbf8; padding:36px 0 28px; }
.refs__title{
  text-align:center; color:#2e885f; font-weight:900;
  font-size:32px; line-height:1.15; margin:0 0 14px;
}
.refs__figure{ display:flex; justify-content:center; }
.refs__img{
  width:100%; max-width:980px; height:auto; display:block;
  /* opcional: leve destaque; apague as 2 linhas abaixo se quiser totalmente “flat” */
  border-radius:10px; box-shadow:0 10px 26px rgba(0,0,0,.06);
}

/* responsivo */
@media (max-width:640px){
  .refs__title{ font-size:24px; }
}
/* ====== Estilo Comentários ====== */
.fb-comments {
  background: #fff;
  padding: 40px 20px;
  max-width: 960px;
  margin: 0 auto;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.comment {
  display: flex;
  align-items: flex-start;
  margin-bottom: 14px;
}

.comment.reply {
  margin-left: 60px; /* desloca replies */
}

.avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
}

.comment-body {
  background: #f0f2f5;
  padding: 10px 14px;
  border-radius: 12px;
  flex: 1;
}

.comment-name {
  font-weight: 600;
  color: #365899;
  font-size: 14px;
  margin-bottom: 4px;
}

.comment-name .said,
.comment-name .replied {
  font-weight: 400;
  color: #555;
}

.comment-text {
  font-size: 14px;
  color: #111;
  line-height: 1.4;
}

.comment-footer {
  font-size: 12px;
  color: #65676b;
  margin-top: 4px;
}

.comment-footer .like {
  cursor: pointer;
  color: #65676b;
}

.comment-footer .like:hover {
  text-decoration: underline;
}
/* ====== COMMENTS ====== */
.fb-comments{padding:24px 0 8px}
.fb-comments .container{max-width:980px}

/* estrutura base */
.comment{display:flex;align-items:flex-start;gap:10px;margin:10px 0}
.comment .avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}
.bubble{background:#f0f2f5;border-radius:12px;padding:10px 14px;flex:1;min-width:0}

/* nome + verbos */
.name{font-weight:700;color:#365899;font-size:14px;margin-bottom:4px}
.name .verb{font-weight:600;color:#606770}

/* texto do comentário */
.text{font-size:14px;color:#111;line-height:1.45}

/* footer (like/reply/contagem/tempo) */
.footer{font-size:12px;color:#65676b;margin-top:4px}
.footer .action{cursor:pointer}
.footer .action:hover{text-decoration:underline}

/* thread (respostas) */
.thread{margin-top:10px;padding-left:18px;position:relative}
.thread::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#d8dade;border-radius:2px;
}
.comment.reply{margin:8px 0}

/* responsivo */
@media (max-width:640px){
  .fb-comments{padding:20px 10px}
  .bubble{padding:10px 12px}
}