/* custom.css — layout e componentes do quiz (mobile-first, fiel ao original) */
:root{
  /* Paleta: Burgundy + Champagne Chic (foco em conversão) */
  --gold: #881F2B;        /* primária: CTA / destaques / progresso */
  --gold-700: #690022;    /* vinho profundo: texto/realce/hover */
  --burgundy-900: #450028;/* burgundy mais escuro */
  --rose: #D6A7BA;        /* dusty rose: acentos suaves */
  --champagne: #F4E1D2;   /* champagne claro: superfícies */
  --champagne-2: #E1D4C1; /* champagne médio */
  --ink: #2B1C10;         /* marrom escuro: títulos/texto */
  --ink-soft: #8a7d74;    /* marrom acinzentado suave */
  --bg: #ffffff;
  --tile-bg: #faf4ee;     /* tile padrão (champagne bem claro) */
  --tile-border: #ecdfce; /* borda champagne */
  --sel-bg: #f7ece2;      /* fundo de selecionado */
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{margin:0;padding:0;background:#fff;}
body{font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);}
#app{min-height:100vh;}

.q-app{max-width:430px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:#fff;}
.q-header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;position:sticky;top:0;background:#fff;z-index:20;}
.q-logo{font-family:'Outfit','Poppins',sans-serif;font-weight:700;font-size:18px;letter-spacing:.2px;color:var(--ink);text-align:center;flex:1;}
.q-logo-img{height:clamp(24px,6.5vw,32px);width:auto;max-width:62%;object-fit:contain;margin:0 auto;display:block;}
.q-back,.q-back-spacer{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;}
.q-back{border-radius:50%;}
.q-back:active{background:#f0f0f0;}

/* progresso seccionado */
.q-progress-wrap{padding:4px 16px 10px;}
.q-progress-label{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:6px;}
.q-progress{display:flex;gap:6px;}
.q-seg{flex:1;height:6px;border-radius:99px;background:#ececec;overflow:hidden;}
.q-seg-fill{height:100%;background:var(--gold);border-radius:99px;transition:width .4s ease;}

.q-main{flex:1;display:flex;flex-direction:column;padding:8px 20px 28px;}
.q-center{align-items:center;text-align:center;justify-content:flex-start;gap:6px;}

/* títulos */
.q-title{font-size:21px;line-height:1.3;font-weight:600;color:var(--ink);margin:10px 0 6px;text-align:center;}
.q-title-lg{font-size:24px;}
.q-title-xl{font-size:30px;font-weight:700;}
.q-gold{color:var(--gold-700);}
.q-sub{font-size:15px;color:var(--ink-soft);text-align:center;margin:0 0 16px;}
.q-sub-strong{font-size:16px;font-weight:600;color:var(--ink);margin:2px 0 14px;}
.q-desc{font-size:15px;line-height:1.5;color:var(--ink-soft);text-align:center;margin:6px 0 16px;}
.q-quote{font-size:15px;font-style:italic;color:var(--ink);margin:8px 0;}
.q-proof{font-size:13px;color:var(--ink-soft);margin:8px 0;}

/* listas / tiles */
.q-list{display:flex;flex-direction:column;gap:12px;margin-top:6px;}
.q-tile{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--tile-bg);border:1.5px solid var(--tile-border);border-radius:16px;padding:14px 16px;cursor:pointer;font-family:inherit;color:var(--ink);transition:border-color .15s,background .15s,transform .05s;}
.q-tile:hover{border-color:#d8c6a8;}
.q-tile:active{transform:scale(.99);}
.q-tile.q-sel{border-color:var(--gold);background:#fbf6ee;}
.q-tile-row{justify-content:flex-start;}
.q-tile-text{display:flex;flex-direction:column;gap:2px;flex:1;}
.q-tile-label{font-size:16px;font-weight:500;}
.q-tile-desc{font-size:13px;color:var(--ink-soft);}
.q-opt-img{width:34px;height:34px;object-fit:contain;flex:none;}

/* checkbox (multi) */
.q-check{width:24px;height:24px;border-radius:50%;border:2px solid #d2d2d2;flex:none;position:relative;}
.q-check-on{border-color:var(--gold);background:var(--gold);}
.q-check-on::after{content:"";position:absolute;left:8px;top:4px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}

/* grade de fotos (landing) */
.q-grid{display:grid;gap:12px;margin-top:8px;}
.q-grid-2{grid-template-columns:1fr 1fr;}
.q-tile-photo{flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden;border-radius:18px;background:#fff;}
.q-tile-photo .q-opt-img{width:100%;height:150px;object-fit:cover;border-radius:18px 18px 0 0;}
.q-tile-photo .q-tile-label{text-align:center;padding:12px 0;font-weight:600;font-size:16px;}

/* botão CTA */
.btn,.q-cta{display:flex;align-items:center;justify-content:center;width:100%;height:58px;border-radius:14px;border:none;background:var(--gold);color:#fff;font-family:'Poppins',sans-serif;font-weight:600;font-size:16px;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;margin-top:auto;}
.btn_gold{background:var(--gold);color:#fff;border:1px solid var(--gold-700);}
.q-cta{margin-top:24px;box-shadow:0 6px 18px rgba(155,124,80,.28);}
.q-cta:active{transform:translateY(1px);}
.q-cta:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;}

/* inputs */
.q-input{width:100%;height:56px;border:1.5px solid #e2e2e2;border-radius:14px;padding:0 16px;font-size:16px;font-family:inherit;color:var(--ink);margin-top:8px;outline:none;}
.q-input:focus{border-color:var(--gold);}
.q-err{color:#d23b3b;font-size:13px;margin:6px 0 0;}

/* email */
.q-email .q-title{text-align:center;}
.q-users{display:flex;align-items:center;gap:10px;justify-content:center;font-size:14px;color:var(--ink);margin:6px 0 14px;flex-wrap:wrap;}
.q-users-img{height:34px;}
.q-privacy{font-size:12px;color:#bbb;line-height:1.5;margin:14px 0;text-align:left;}

/* legal / copyright */
.q-legal{font-size:12px;color:#bbb;text-align:center;margin:18px 0 6px;line-height:1.5;}
.q-copyright{font-size:11px;color:#cfcfcf;text-align:center;margin-top:auto;padding-top:16px;}

/* ilustrações */
.q-illus{max-width:260px;width:80%;margin:10px auto;object-fit:contain;}

/* loader */
.q-loader{padding-top:20px;}
.q-loader-ring{position:relative;width:160px;height:160px;margin:18px auto;}
.q-loader-ring svg{width:160px;height:160px;transform:rotate(-90deg);}
.ring-bg{fill:none;stroke:#eee;stroke-width:8;}
.ring-fg{fill:none;stroke:var(--gold);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .15s linear;}
.q-loader-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;color:var(--ink);}
.q-loader-msgs{list-style:none;padding:0;margin:18px auto 0;max-width:280px;text-align:left;}
.q-loader-msgs li{font-size:15px;color:#bbb;padding:8px 0;display:flex;align-items:center;gap:10px;transition:color .3s;}
.q-loader-msgs li::before{content:"○";color:#ccc;}
.q-loader-msgs li.active{color:var(--ink);font-weight:600;}
.q-loader-msgs li.active::before{content:"◐";color:var(--gold);}
.q-loader-msgs li.done{color:var(--ink);}
.q-loader-msgs li.done::before{content:"✓";color:var(--gold);font-weight:700;}

/* plano / chart */
.q-planscreen{width:100%;}
.q-date-badge{display:inline-block;border:1px solid var(--tile-border);border-radius:8px;padding:3px 12px;font-size:13px;color:var(--ink);margin:6px 0 16px;}

/* PLAN: gráfico de barras mensais */
.q-barchart{display:flex;gap:10px;width:100%;max-width:380px;margin:4px auto 6px;border:1px solid var(--tile-border);border-radius:14px;padding:18px 16px 12px;}
.q-bc-y{display:flex;flex-direction:column;justify-content:space-between;height:190px;font-size:11px;color:var(--ink-soft);padding-bottom:22px;}
.q-bc-plot{position:relative;flex:1;}
.q-bc-grid{position:absolute;inset:0 0 22px 0;display:flex;flex-direction:column;justify-content:space-between;}
.q-bc-grid i{height:1px;border-top:1px dashed #e8e8e8;display:block;}
.q-bc-cols{position:relative;display:flex;justify-content:space-between;gap:10px;height:190px;}
.q-bc-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;}
.q-bc-track{position:relative;width:100%;max-width:44px;height:168px;background:#f1f1f1;border-radius:10px;display:flex;align-items:flex-end;overflow:visible;}
.q-bc-fill{width:100%;border-radius:10px;transition:height .8s ease;}
.q-bc-fill.q-red{background:#e0503f;}
.q-bc-fill.q-orange{background:#f0a83e;}
.q-bc-fill.q-lgreen{background:#a9cf6a;}
.q-bc-fill.q-green{background:#4fae53;}
.q-bc-m{font-size:12px;color:var(--ink-soft);margin-top:6px;}
.q-bc-tag{position:absolute;left:50%;transform:translateX(-50%);background:#343434;color:#fff;font-size:11px;padding:2px 8px;border-radius:6px;white-space:nowrap;z-index:2;}
.q-bc-tag-now{bottom:30%;}
.q-bc-tag-goal{top:-6px;background:#343434;}
.q-bc-tag::after{content:"";position:absolute;left:50%;bottom:-4px;transform:translateX(-50%);border:4px solid transparent;border-top-color:#343434;}

/* offer: comparação Now -> Goal por métricas (Spark/Closeness/Chemistry) */
.q-mcmp{display:flex;align-items:stretch;gap:8px;margin:14px 0 12px;}
.q-mcmp-col{flex:1;min-width:0;border-radius:14px;padding:12px 10px 8px;text-align:left;}
.q-mcmp-now{background:#f3eee9;border:1px solid var(--tile-border);}
.q-mcmp-goal{background:#e3f6ee;border:1px solid #bfe9d6;}
.q-mcmp-h{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;}
.q-mcmp-now .q-mcmp-h{color:var(--ink-soft);}
.q-mcmp-goal .q-mcmp-h{color:var(--buy-700);}
.q-mcmp-row{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:clamp(11.5px,3.2vw,13px);min-height:34px;padding:4px 0;border-top:1px solid rgba(0,0,0,.05);}
.q-mcmp-row:first-of-type{border-top:none;}
.q-mcmp-row span{color:var(--ink-soft);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.q-mcmp-row b{white-space:nowrap;}
.q-mcmp-now .q-mcmp-row b{color:#b06a5c;font-weight:600;}
.q-mcmp-goal .q-mcmp-row b{color:var(--buy-700);font-weight:700;}
.q-mcmp-arrow{align-self:center;color:var(--buy);font-size:22px;font-weight:700;}
.q-mcmp-note{font-size:11px;color:var(--ink-soft);text-align:center;margin:-2px 0 6px;}
.q-personal{margin-top:20px;}
/* As a result — outcome cards */
.q-results{display:flex;flex-direction:column;gap:10px;margin:14px 0 8px;text-align:left;}
.q-result{display:flex;gap:12px;align-items:center;background:var(--tile-bg);border:1px solid var(--tile-border);border-radius:12px;padding:12px 14px;}
.q-result-ic{font-size:20px;flex:none;line-height:1;}
.q-result-t{font-size:14px;color:var(--ink);font-weight:600;line-height:1.3;}
/* Before vs After */
.q-ba{display:flex;gap:8px;margin:14px 0 8px;}
.q-ba-col{flex:1;border-radius:14px;padding:12px;text-align:left;}
.q-ba-before{background:#faf0ee;border:1px solid #f0d4cd;}
.q-ba-after{background:#e3f6ee;border:1px solid #bfe9d6;}
.q-ba-h{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;}
.q-ba-before .q-ba-h{color:#b0564a;}
.q-ba-after .q-ba-h{color:var(--buy-700);}
.q-ba-item{display:flex;gap:7px;align-items:flex-start;font-size:clamp(12px,3.2vw,13px);color:var(--ink);padding:5px 0;line-height:1.3;}
.q-ba-x{color:#cc6a5c;font-weight:700;flex:none;}
.q-ba-c{color:var(--buy-700);font-weight:700;flex:none;}

/* offer: banner de cupom aplicado */
.q-promo{width:100%;border:1.5px dashed var(--buy);background:#e9f9f1;border-radius:12px;padding:12px 14px;margin:6px 0 14px;}
.q-promo-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
.q-promo-pct{background:var(--buy);color:#fff;font-size:13px;font-weight:800;padding:3px 12px;border-radius:99px;}
.q-promo-time{font-size:13px;font-weight:700;color:var(--gold-700);font-variant-numeric:tabular-nums;}
.q-promo-msg{font-size:13px;color:#0a6f48;}
.q-promo-msg b{color:var(--buy-700);}

/* PRE-OFFER: card com curva colorida */
.q-curve-card{width:100%;max-width:380px;margin:6px auto 0;border:1px solid var(--tile-border);border-radius:16px;padding:16px 14px 10px;box-shadow:0 6px 20px rgba(0,0,0,.05);}
.q-curve-title{font-size:15px;font-weight:600;color:var(--ink);text-align:left;margin-bottom:4px;}
.q-curve-svg{width:100%;height:auto;display:block;}
.q-curve-axis{display:flex;justify-content:space-between;padding:0 4px;margin-top:4px;}
.q-curve-axis span{font-size:11px;color:var(--ink-soft);}
.q-curve-disc{font-size:11px;color:#c4c4c4;text-align:center;margin:10px 0 16px;font-style:italic;}

.q-end{justify-content:center;gap:14px;padding-top:18%;}

/* custom: prooven (universidades) */
.q-custom{gap:8px;}
.q-logo-cards{display:flex;flex-direction:column;gap:14px;width:100%;margin:18px 0 8px;}
.q-logo-card{display:flex;align-items:center;justify-content:center;border:1.5px solid var(--tile-border);background:#fbf8f3;border-radius:14px;padding:22px 16px;}
.q-logo-card img{height:54px;width:auto;max-width:80%;object-fit:contain;}

/* custom: brain */
.q-brain-wrap{position:relative;width:240px;height:230px;margin:6px auto 2px;}
.q-brain-img{height:220px;width:auto;object-fit:contain;display:block;margin:0 auto;}
.q-pill{position:absolute;background:var(--gold);color:#fff;font-size:11px;padding:5px 10px;border-radius:9px;white-space:nowrap;}
.q-pill-l{left:6px;top:54px;}
.q-pill-r{right:6px;top:54px;}
.q-pill-b{bottom:8px;left:50%;transform:translateX(-50%);}
.q-brain-quote{font-size:14px;font-style:italic;line-height:1.5;color:var(--ink-soft);margin:4px 6px 14px;}
.q-expert-box{width:100%;border:1px solid var(--tile-border);border-radius:14px;overflow:hidden;text-align:left;}
.q-expert-head{background:#f3ead9;padding:8px 14px;font-size:11px;color:var(--gold-700);font-weight:600;text-align:center;}
.q-expert-body{display:flex;align-items:center;gap:14px;background:#fbf8f3;padding:14px 16px;}
.q-clip{flex:none;display:flex;}
.q-coach-name{font-weight:700;font-size:14px;color:var(--ink);}
.q-coach-role{font-size:11px;color:var(--ink-soft);}

/* custom: profile / RELATÓRIO (readiness score) */
.q-score-box{width:100%;border:1px solid var(--tile-border);border-radius:12px;padding:14px;margin:6px 0 10px;text-align:left;}
.q-score-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.q-score-name{font-size:14px;font-weight:600;color:var(--ink);}
.q-score-badge{font-size:11px;color:var(--gold-700);border:1px solid var(--gold);border-radius:6px;padding:1px 8px;}
.q-score-track{position:relative;height:8px;border-radius:99px;background:#ececec;margin:0 6px;}
.q-score-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#d8c6a8,var(--gold));transition:width .8s ease;}
.q-score-knob{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--gold);transform:translate(-50%,-50%);transition:left .8s ease;box-shadow:0 1px 4px rgba(0,0,0,.2);}
.q-score-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-soft);margin-top:8px;}
.q-study-box{width:100%;background:#fbf6ee;border:1px solid var(--gold);border-radius:12px;padding:14px;text-align:left;margin-bottom:10px;}
.q-study-h{font-size:14px;font-weight:600;color:var(--ink);margin:0 0 6px;}
.q-study-p{font-size:12px;color:var(--ink-soft);line-height:1.5;margin:0;}
.q-metrics-box{position:relative;width:100%;border:1px solid var(--gold);border-radius:12px;padding:16px;min-height:170px;overflow:hidden;}
.q-metrics{display:flex;flex-direction:column;gap:14px;width:55%;}
.q-metric{display:flex;align-items:center;gap:10px;text-align:left;}
.q-metric-ic{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex:none;}
.q-metric-ic img{width:22px;height:22px;object-fit:contain;}
.q-metric-txt{display:flex;flex-direction:column;}
.q-metric-t{font-size:10px;color:var(--ink-soft);}
.q-metric-v{font-size:13px;font-weight:700;color:var(--ink);}
.q-metric-arrows{position:absolute;right:46%;top:50%;height:120px;width:80px;transform:translate(50%,-50%);color:var(--gold);}
.q-metric-woman{position:absolute;right:6px;bottom:0;height:168px;object-fit:contain;}

/* verde de conversão (compra) */
:root{ --buy:#00b67a; --buy-700:#019467; }
.q-cta-buy{background:var(--buy)!important;border:none!important;color:#fff!important;box-shadow:0 6px 18px rgba(0,182,122,.32)!important;}
.q-cta-buy:active{background:var(--buy-700)!important;}

/* Trustpilot widget realista */
.q-trust{display:flex;flex-direction:column;align-items:center;gap:6px;margin:12px 0;}
.q-tp-label{font-size:15px;font-weight:700;color:var(--ink);}
.q-tp-boxes{display:inline-flex;gap:3px;}
.q-tp-boxes i{width:24px;height:24px;background:#00b67a;display:inline-flex;align-items:center;justify-content:center;}
.q-tp-boxes i::before{content:"★";color:#fff;font-size:15px;line-height:1;}
.q-tp-boxes i.q-tp-half{background:linear-gradient(90deg,#00b67a 44%,#dcdce6 44%);}
.q-tp-info{font-size:13px;color:var(--ink-soft);display:flex;align-items:center;gap:5px;}
.q-tp-info b{color:var(--ink);}
.q-tp-logo{display:inline-flex;align-items:center;gap:3px;font-weight:700;color:var(--ink);}
.q-tp-logostar{color:#00b67a;font-size:15px;}
.q-trust-inline{margin:14px 0 0;}

/* OFERTA */
.q-offer{width:100%;text-align:center;}
.q-offer-bar{position:sticky;top:0;background:var(--gold);color:#fff;font-size:13px;padding:10px;border-radius:10px;margin-bottom:14px;}
.q-offer-bar strong{font-variant-numeric:tabular-nums;}
.q-plans{display:flex;flex-direction:column;gap:12px;margin:16px 0;}
.q-plan{position:relative;display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:#fff;border:1.5px solid var(--tile-border);border-radius:14px;padding:16px 14px;cursor:pointer;font-family:inherit;overflow:hidden;}
.q-plan-on{border-color:var(--buy);border-width:2px;background:#fff;box-shadow:0 6px 18px rgba(0,182,122,.18);}
.q-plan:has(.q-plan-pop){padding-top:40px;}
.q-plan-pop{position:absolute;top:0;left:0;right:0;background:var(--buy);color:#fff;text-align:center;font-size:11px;font-weight:700;padding:6px;letter-spacing:1.5px;}
.q-plan-radio{width:22px;height:22px;border-radius:50%;border:2px solid #d2d2d2;flex:none;}
.q-plan-radio-on{border-color:var(--buy);background:var(--buy);position:relative;}
.q-plan-radio-on::after{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.q-plan-info{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0;}
.q-plan-week{font-size:clamp(16px,4.7vw,19px);font-weight:800;color:var(--ink);line-height:1.12;text-transform:uppercase;letter-spacing:.2px;}
.q-plan-on .q-plan-week{color:var(--buy-700);}
.q-plan-price{font-size:13px;}
.q-plan-price s{color:#bbb;margin-right:4px;}
.q-plan-price b{color:#8c8c8c;font-size:12px;font-weight:500;}
.q-plan-save{align-self:flex-start;background:#efe6d6;color:var(--gold-700);font-size:11px;font-weight:700;padding:3px 10px;border-radius:7px;}
.q-plan-on .q-plan-save{background:var(--buy);color:#fff;}
/* caixa preço/dia */
.q-plan-day{display:flex;align-items:center;gap:8px;flex:none;}
.q-pd-old{color:#e0503f;font-size:14px;text-decoration:line-through;}
.q-pd-box{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#efefef;border-radius:14px;padding:10px clamp(8px,2.5vw,14px);min-width:clamp(72px,20vw,88px);box-sizing:border-box;}
.q-plan-on .q-pd-box{background:#e3f6ee;}
.q-pd-price{display:flex;align-items:flex-start;justify-content:center;line-height:1;color:#8a8a8a;}
.q-pd-cur{font-size:14px;font-weight:700;margin-top:5px;}
.q-pd-int{font-size:clamp(29px,8.6vw,37px);font-weight:800;line-height:.85;}
.q-pd-lbl{font-size:10px;color:#9a9a9a;font-weight:500;margin-top:4px;}
.q-plan-on .q-pd-price,.q-plan-on .q-pd-int{color:var(--buy-700);}
.q-plan-on .q-pd-lbl{color:var(--buy-700);}
.q-reassure{font-size:13px;font-weight:600;color:var(--buy-700);text-align:center;margin:12px 0 4px;}
.q-secure{font-size:12px;color:var(--ink-soft);margin:8px 0 16px;}
.q-offer-done{background:#eafaf2;border:1px solid #0a8f5b;border-radius:12px;padding:14px;font-size:13px;color:#0a6f48;margin-top:18px;}
.q-offer-done code{background:#d6f3e6;padding:1px 5px;border-radius:4px;}
.q-reviews{display:flex;flex-direction:column;gap:12px;margin-top:6px;text-align:left;}
.q-review{border:1px solid var(--tile-border);border-radius:12px;padding:14px;}
.q-review-top{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.q-review-av{width:34px;height:34px;border-radius:50%;background:var(--gold);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex:none;}
.q-review-name{font-weight:700;font-size:14px;color:var(--ink);}
.q-review-stars{font-size:11px;color:#00b67a;}
.q-review-title{font-weight:600;font-size:14px;color:var(--ink);margin-bottom:4px;}
.q-review-desc{font-size:13px;color:var(--ink-soft);line-height:1.5;}

/* offer: comparação Now/Goal — casal (transparente) sobre o fundo real de transformação */
.q-cmp{margin:6px 0 14px;}
.q-cmp-photo{position:relative;border-radius:14px;overflow:hidden;background:url('../img/offer/offer_new_bg.webp') center/cover no-repeat;}
.q-cmp-img{position:relative;width:100%;display:block;object-fit:contain;}
.q-cmp-row{display:flex;justify-content:space-between;margin-top:-26px;padding:0 10px;position:relative;}
.q-cmp-now{background:#9a9a9a;color:#fff;font-size:12px;font-weight:600;padding:3px 16px;border-radius:99px;}
.q-cmp-goal{background:var(--gold);color:#fff;font-size:12px;font-weight:600;padding:3px 16px;border-radius:99px;}
.q-cmp-meta{display:flex;gap:10px;justify-content:space-between;margin-top:18px;font-size:13px;}
.q-cmp-meta div{flex:1;border:1px solid var(--tile-border);border-radius:10px;padding:10px 12px;text-align:left;}
.q-cmp-meta span{color:var(--ink-soft);}
.q-cmp-meta b{color:var(--ink);}
.q-cmp-meta-center{margin:10px 0 14px;}

.q-offer-expire{font-size:13px;color:var(--ink-soft);margin:6px 0;}
.q-offer-expire strong{color:var(--gold-700);}
.q-paybrands{display:flex;gap:8px;justify-content:center;margin:10px 0;}
.q-paybrands img{height:22px;width:auto;object-fit:contain;}
.q-subterms{font-size:10px;color:#bbb;line-height:1.5;text-align:left;margin:10px 0 6px;}

.q-sec-title{font-size:20px;font-weight:700;color:var(--ink);text-align:center;margin:28px 0 4px;}
.q-sec-muted{color:var(--ink-soft);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:26px 0 10px;}

/* weeks */
.q-weeks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0;}
.q-week{background:linear-gradient(160deg,#fbf6ee,#f3ead9);border:1px solid var(--tile-border);border-radius:14px;padding:16px;text-align:left;min-height:96px;display:flex;flex-direction:column;justify-content:space-between;}
.q-week-n{font-size:11px;font-weight:700;color:var(--gold-700);letter-spacing:.5px;}
.q-week-t{font-size:16px;font-weight:600;color:var(--ink);line-height:1.25;}
.q-payment-strip{width:100%;max-width:340px;margin:12px auto 4px;display:block;object-fit:contain;}

/* benefits */
.q-benefits{display:flex;flex-direction:column;gap:12px;margin:14px 0;text-align:left;}
.q-benefit{display:flex;gap:12px;align-items:flex-start;}
.q-benefit-ic{width:24px;height:24px;border-radius:50%;background:var(--gold);color:#fff;display:flex;align-items:center;justify-content:center;flex:none;font-size:13px;}
.q-benefit b{display:block;font-size:15px;color:var(--ink);}
.q-benefit span span{font-size:13px;color:var(--ink-soft);}

/* press / as seen in — wordmarks em escala de cinza */
.q-press{display:flex;flex-wrap:wrap;gap:16px 22px;justify-content:center;align-items:center;margin:8px 0 4px;filter:grayscale(1);opacity:.62;}
.q-press span{color:#3a3a3a;line-height:1;}
.q-press-forbes{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:22px;letter-spacing:-.5px;}
.q-press-vogue{font-family:'Didot',Georgia,serif;font-weight:500;font-size:21px;letter-spacing:5px;}
.q-press-elle{font-family:Georgia,serif;font-weight:800;font-size:21px;letter-spacing:3px;}
.q-press-cosmo{font-family:'Outfit',Arial,sans-serif;font-weight:800;font-size:14px;letter-spacing:1.5px;}
.q-press-bazaar{font-family:Georgia,serif;font-weight:600;font-size:15px;letter-spacing:1px;}

/* reviews enriquecidas */
.q-review-id{flex:1;}
.q-review-meta{font-size:11px;color:var(--ink-soft);margin:-2px 0 8px 44px;}
.q-review-verified{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:#0a8f5b;background:#eafaf2;border-radius:6px;padding:2px 8px;white-space:nowrap;align-self:flex-start;}
.q-review-exp{font-size:11px;color:var(--ink-soft);margin-top:8px;}
.q-review-exp b{color:var(--ink);}

/* sticky CTA (rodapé fixo da oferta) */
.q-sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-top:1px solid var(--tile-border);padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px rgba(0,0,0,.08);}
.q-sticky-inner{max-width:430px;margin:0 auto;}
.q-sticky-timer{font-size:12px;color:var(--ink-soft);text-align:center;margin:0 0 6px;}
.q-sticky-timer b{color:var(--gold-700);font-variant-numeric:tabular-nums;}
.q-sticky-cta .q-cta{margin:0;height:52px;box-shadow:0 6px 18px rgba(155,124,80,.3);}
.q-offer{padding-bottom:96px;}

/* faq */
.q-faq{display:flex;flex-direction:column;gap:10px;margin:12px 0;text-align:left;}
.q-faq details{border:1px solid var(--tile-border);border-radius:12px;padding:14px 16px;}
.q-faq summary{font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;}
.q-faq summary::after{content:"+";color:var(--gold-700);font-weight:700;}
.q-faq details[open] summary::after{content:"−";}
.q-faq p{font-size:13px;color:var(--ink-soft);line-height:1.55;margin:10px 0 0;}

/* guarantee */
.q-guarantee{display:flex;gap:14px;align-items:flex-start;text-align:left;border:1px solid var(--gold);background:#fbf6ee;border-radius:14px;padding:16px;margin:22px 0;}
.q-guar-badge{width:48px;height:48px;border-radius:50%;background:var(--gold);color:#fff;font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;flex:none;}
.q-guarantee b{font-size:15px;color:var(--ink);}
.q-guarantee p{font-size:13px;color:var(--ink-soft);line-height:1.5;margin:6px 0 0;}

/* popularity: foto do grupo de mulheres */
.q-pop-img{width:100%;max-width:340px;border-radius:18px;margin:14px auto 6px;display:block;object-fit:contain;}

/* loader / analyzing */
.q-loaderscreen{width:100%;align-items:center;text-align:center;}
.q-lprogress{width:100%;max-width:360px;margin:16px auto 18px;}
.q-lprogress-row{display:flex;justify-content:space-between;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:8px;}
.q-lbar{height:8px;border-radius:99px;background:#ececec;overflow:hidden;}
.q-lbar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#d8c6a8,var(--gold));transition:width .25s linear;}
.q-modal-overlay{position:fixed;inset:0;background:rgba(40,36,40,.55);display:flex;align-items:center;justify-content:center;z-index:60;padding:20px;}
.q-modal{background:#fff;border-radius:18px;padding:24px 20px;max-width:360px;width:100%;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.3);}
.q-modal-hint{font-size:13px;color:var(--ink-soft);margin:0 0 6px;}
.q-modal-q{font-size:19px;font-weight:700;color:var(--ink);margin:0 0 20px;line-height:1.3;}
.q-modal-btns{display:flex;gap:12px;}
.q-modal-btn{flex:1;height:52px;border-radius:99px;border:1.5px solid var(--gold);background:#fff;color:var(--gold-700);font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;}
.q-modal-yes{background:var(--gold);color:#fff;border-color:var(--gold);}
.q-modal-btn:active{transform:translateY(1px);}

/* email opt-in */
.q-subscribe{display:flex;flex-direction:column;flex:1;width:100%;min-height:60vh;}
.q-subscribe .q-title{margin-top:18vh;}
.q-subscribe .q-cta{margin-top:auto;}
.q-textlink{background:none;border:none;color:var(--ink-soft);font-family:inherit;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:14px;margin:6px auto 0;cursor:pointer;}
.q-textlink:active{opacity:.6;}

/* toast */
.q-toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:#0a6f48;color:#fff;font-size:13px;padding:12px 18px;border-radius:12px;z-index:50;box-shadow:0 6px 20px rgba(0,0,0,.25);}
.q-toast code{background:rgba(255,255,255,.2);padding:1px 5px;border-radius:4px;}

@media (min-width:431px){ .q-app{box-shadow:0 0 40px rgba(0,0,0,.06);} }

/* ===== Polimento pós-comparação com o original (v39) ===== */
/* Pill de seção centralizado (como o original) */
.q-progress-label{width:fit-content;margin:0 auto 12px;font-size:12px;font-weight:700;color:var(--gold-700);background:var(--tile-bg);border:1px solid var(--tile-border);border-radius:999px;padding:6px 16px;letter-spacing:.3px;text-align:center;}
/* Landing: headline maior e mais impactante */
.q-landing .q-title-lg{font-size:clamp(26px,7.4vw,32px);line-height:1.12;font-weight:800;letter-spacing:-.4px;}
.q-landing .q-sub{font-size:15px;line-height:1.4;max-width:340px;margin-left:auto;margin-right:auto;}
/* Estado de toque nos cards de opção (feedback de seleção, como a borda do original) */
.q-tile-row:active,.q-tile-photo:active{border-color:var(--gold);box-shadow:0 0 0 2px rgba(136,31,43,.15);}

/* ===== Cores semânticas por nível (perfil) + loader checklist (v40) ===== */
.q-lv-high{color:#1f9d57 !important;}
.q-lv-mid{color:#d98a1f !important;}
.q-lv-low{color:#c0392b !important;}
/* Barra de confiança = espectro vermelho -> âmbar -> verde (nível fica óbvio) */
.q-score-track{background:#ece7e1 !important;height:8px;border-radius:999px;position:relative;}
.q-score-fill{position:absolute;left:0;top:0;height:100%;border-radius:999px;transition:width .4s ease;background:#d98a1f;}
.q-score-fill.q-lv-low{background:linear-gradient(90deg,#d0553f,#c0392b);}
.q-score-fill.q-lv-mid{background:linear-gradient(90deg,#eab04a,#dd8a1e);}
.q-score-fill.q-lv-high{background:linear-gradient(90deg,#4bbe83,#1f9d57);}
.q-score-knob{top:50%;transform:translate(-50%,-50%);border:3px solid #d98a1f;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.25);z-index:2;}
.q-score-knob.q-lv-high{border-color:#1f9d57;}
.q-score-knob.q-lv-mid{border-color:#d98a1f;}
.q-score-knob.q-lv-low{border-color:#c0392b;}



.q-score-badge.q-lv-mid{color:#b9791a;border-color:#e6c07a;background:#fdf5e7;}
.q-score-badge.q-lv-high{color:#1c8f4f;border-color:#a9dcc0;background:#eef8f2;}
.q-score-badge.q-lv-low{color:#b5342a;border-color:#e6b0aa;background:#fbeeec;}
.q-score-labels span{color:#b8b0a8;font-weight:600;}
/* Loader: checklist de fases (como o concorrente) */
.q-lchecklist{display:flex;flex-direction:column;gap:16px;margin:18px 0 22px;}
.q-lphase-top{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:700;color:var(--ink);margin-bottom:8px;}
.q-lphase-val{color:var(--ink-soft);font-weight:700;}
.q-lphase-active .q-lphase-val{color:var(--gold-700);}
.q-lphase-check{width:24px;height:24px;border-radius:50%;background:#2fa968;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex:none;}
.q-lbar-done{background:#2fa968 !important;}

/* ===== Ícones SVG substituindo emojis no checkout (v41) ===== */
.q-ic{width:1em;height:1em;flex:none;display:inline-block;vertical-align:-0.14em;}
.q-offer-bar{display:flex;align-items:center;justify-content:center;gap:8px;}
.q-offer-bar .q-ic{width:16px;height:16px;}
.q-promo-time{display:inline-flex;align-items:center;gap:5px;}
.q-promo-msg{display:flex;align-items:center;gap:7px;}
.q-promo-msg .q-ic{color:var(--buy-700);width:15px;height:15px;}
.q-reassure{display:flex;align-items:center;justify-content:center;gap:7px;}
.q-reassure .q-ic{width:16px;height:16px;color:var(--buy-700);}
.q-secure{display:flex;align-items:center;justify-content:center;gap:7px;}
.q-secure .q-ic{width:15px;height:15px;color:var(--ink-soft);}
.q-sticky-timer{display:flex;align-items:center;justify-content:center;gap:6px;}
.q-result-ic{width:30px;height:30px;border-radius:50%;background:rgba(0,182,122,.12);color:var(--buy-700);display:flex;align-items:center;justify-content:center;flex:none;font-size:0;}
.q-result-ic .q-ic{width:17px;height:17px;}
.q-review-verified{display:inline-flex;align-items:center;gap:4px;}
.q-review-verified .q-ic{width:13px;height:13px;color:var(--buy-700);}
/* review meta consistente (loader + oferta) */
.q-review-sub{font-size:12px;color:var(--ink-soft);}
.q-review-rate{display:flex;align-items:center;gap:8px;margin:6px 0 2px;font-size:12px;}
.q-review-rate .q-review-stars{color:#00b67a;letter-spacing:1px;}
.q-review-date{color:var(--ink-soft);margin-left:auto;}