/* offer.css — oferta qualificada Template x FireBIM (2026-09-29)
   Segmentação por perfil: Template = quem JÁ usa Revit e projeta PCI; FireBIM = iniciante total. */
.qo-note { margin: 0; font-size: var(--text-sm); color: var(--color-text-tertiary); line-height: 1.5; }
.qo-note a, .qo-inline a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.qo-hero-flag { display:flex; gap:10px; align-items:flex-start; margin-top: var(--space-4); padding: 12px 14px; border-radius: var(--radius-lg);
  background: rgba(255,193,7,.08); border: 1px solid rgba(255,193,7,.30); font-size: var(--text-sm); line-height: 1.5; color: rgba(255,255,255,.85); max-width: 56ch; }
.qo-hero-flag a { color:#FFC107; font-weight:700; text-decoration: underline; text-underline-offset: 3px; }

.qo-check { max-width: 760px; margin: 0 auto var(--space-12); padding: 26px 28px; border-radius: var(--radius-xl);
  background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.10); }
.qo-check h3 { margin:0 0 14px; font-size: 1.15rem; font-weight: 800; color:#fff; letter-spacing:-.01em; }
.qo-check ul { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.qo-check li { display:flex; gap:10px; align-items:flex-start; font-size: var(--text-base); color: rgba(255,255,255,.9); line-height:1.5; }
.qo-box { flex:0 0 22px; height:22px; border-radius:6px; border:2px solid rgba(255,255,255,.35); margin-top:1px; }
.qo-verdict { margin: 16px 0 0; padding-top: 14px; border-top: 1px dashed rgba(255,255,255,.14); font-size: var(--text-base); color: rgba(255,255,255,.8); }
.qo-verdict b { color:#fff; }

.qo-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 22px; align-items: stretch; max-width: 1040px; margin: 0 auto; }
.qo-card { position:relative; display:flex; flex-direction:column; border-radius: 18px; padding: 42px 28px 28px; text-align:left;
  background: rgba(255,255,255,.025); border: 1.5px solid rgba(255,255,255,.12); }
.qo-card.is-pro { border-color: var(--color-primary); background: linear-gradient(180deg, rgba(225,29,46,.10), rgba(255,255,255,.02) 45%);
  box-shadow: 0 0 0 1px rgba(225,29,46,.22), 0 24px 60px -26px rgba(225,29,46,.55); }
.qo-card.is-new { border-color: #FF6B00; background: linear-gradient(180deg, rgba(255,107,0,.10), rgba(255,255,255,.02) 45%);
  box-shadow: 0 0 0 1px rgba(255,107,0,.20), 0 24px 60px -26px rgba(255,107,0,.45); }
.qo-tag { position:absolute; top:-14px; left:50%; transform:translateX(-50%); white-space:nowrap; padding: 8px 14px; border-radius: 999px;
  font: 800 11px/1 Inter, system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; color:#fff; }
.is-pro .qo-tag { background: var(--color-primary); box-shadow: 0 6px 18px -6px rgba(225,29,46,.7); }
.is-new .qo-tag { background: #FF6B00; box-shadow: 0 6px 18px -6px rgba(255,107,0,.7); }
.qo-who { font: 600 11px/1.3 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.6); margin-bottom: 8px; }
.qo-title { margin: 0 0 6px; font-size: 1.65rem; line-height:1.15; font-weight: 800; letter-spacing: -.02em; color:#fff; }
.qo-sub { margin: 0 0 18px; font-size: var(--text-base); line-height:1.5; color: rgba(255,255,255,.7); }
.qo-list { list-style:none; margin: 0 0 20px; padding: 0; display: grid; gap: 10px; }
.qo-list li { display:flex; gap:10px; align-items:flex-start; font-size: 15px; line-height:1.45; color: rgba(255,255,255,.92); }
.qo-list li b { color:#fff; }
.qo-list li.is-out { color: rgba(255,255,255,.45); }
.qo-ok, .qo-no { flex:0 0 22px; height:22px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-size:12px; font-weight:800; margin-top:1px; }
.qo-ok { background: rgba(34,197,94,.14); color:#4ADE80; }
.qo-no { background: rgba(255,255,255,.06); color: rgba(255,255,255,.4); }
.qo-anchor { margin: 0 0 18px; padding: 11px 14px; border-radius: 10px; font-size: 14px; line-height: 1.45; font-weight: 600; color:#fff;
  background: rgba(255,193,7,.10); border: 1px dashed rgba(255,193,7,.45); }
.qo-price { margin-top: auto; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.08); }
.qo-was { font-size: 13px; color: rgba(255,255,255,.5); margin-bottom: 6px; }
.qo-was s { text-decoration-color: rgba(225,29,46,.8); }
.qo-main { display:flex; align-items:baseline; gap:4px; font-weight: 800; letter-spacing: -.03em; font-size: 52px; line-height: 1; }
.is-pro .qo-main { color: var(--color-primary); }
.is-new .qo-main { color: #FF8A33; }
.qo-cur { font-size: .42em; color: rgba(255,255,255,.6); margin-right: 2px; }
.qo-suf { font-size: .32em; font-weight:500; color: rgba(255,255,255,.55); margin-left: 6px; letter-spacing: 0; }
.qo-alt { margin-top: 8px; font-size: 14px; color: rgba(255,255,255,.65); }
.qo-alt b { color:#fff; }
.qo-btn { display:flex; align-items:center; justify-content:center; text-align:center; margin-top: 20px; min-height: 58px; padding: 14px 18px;
  border-radius: 12px; font-weight: 800; font-size: 16px; color:#fff; text-decoration:none; transition: transform .15s, filter .15s; cursor:pointer; }
.qo-btn:hover { transform: translateY(-1px); filter: brightness(1.08); }
.is-pro .qo-btn { background: var(--color-primary); box-shadow: 0 12px 30px -10px rgba(225,29,46,.7); }
.is-new .qo-btn { background: #FF6B00; box-shadow: 0 12px 30px -10px rgba(255,107,0,.7); }
.qo-more { margin: 12px 0 0; text-align:center; font-size: 13px; color: rgba(255,255,255,.6); }
.qo-more a { color: rgba(255,255,255,.85); text-decoration: underline; text-underline-offset: 3px; }
.qo-foot { margin: 30px auto 0; max-width: 62ch; text-align:center; font-size: var(--text-base); line-height: 1.6; color: rgba(255,255,255,.7); }
.qo-foot b { color:#fff; }

/* bloco "pra quem NÃO é" (substitui o antigo contador) */
.qo-notfor { max-width: 820px; margin: 0 auto; }
.qo-notfor-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: var(--space-12); text-align:left; }
.qo-col { padding: 24px; border-radius: var(--radius-xl); border: 1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.025); }
.qo-col h3 { margin: 0 0 14px; font-size: 1.05rem; font-weight: 800; color:#fff; }
.qo-col.is-pro { border-color: rgba(225,29,46,.55); }
.qo-col.is-new { border-color: rgba(255,107,0,.55); }
.qo-col ul { list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.qo-col li { display:flex; gap:10px; align-items:flex-start; font-size: 15px; line-height: 1.45; color: rgba(255,255,255,.88); }
.qo-col .qo-go { display:inline-block; margin-top: 16px; font-weight: 700; font-size: 15px; text-decoration: underline; text-underline-offset: 3px; }
.qo-col.is-pro .qo-go { color: #FF4D5E; }
.qo-col.is-new .qo-go { color: #FF8A33; }
.qo-group { margin: var(--space-8) auto 0; max-width: 62ch; padding: 14px 18px; border-radius: var(--radius-lg); font-size: var(--text-base); line-height: 1.55;
  color: rgba(255,255,255,.85); background: rgba(255,193,7,.07); border: 1px solid rgba(255,193,7,.28); text-align:left; }

@media (max-width: 860px) {
  .qo-grid, .qo-notfor-grid { grid-template-columns: 1fr; gap: 34px; }
  .qo-notfor-grid { gap: 16px; }
  .qo-card { padding: 40px 20px 24px; }
  .qo-main { font-size: 46px; }
  .qo-check { padding: 22px 20px; }
}