/* seven-shared.css — blocos que se repetiam embutidos em varias paginas.
   Extraido em 20260824. Servido com cache de 30 dias. */

/* bloco 41996ed5f7 — usado em 8 paginas */
/* ====== DIAGNÓSTICO — usa as variáveis do seven-style.css ====== */
.dg-wrap { max-width: 760px; margin: 0 auto; padding: 0 20px; }

/* Barra de progresso fixa no topo do quiz */
.dg-progress-bar { position: fixed; top: 0; left: 0; right: 0; height: 4px; background: rgba(255,255,255,.06); z-index: 200; }
.dg-progress-fill { height: 100%; width: 0; background: var(--gradient-accent); transition: width .4s cubic-bezier(.4,0,.2,1); }

/* HERO */
.dg-hero { text-align: center; padding: 130px 20px 30px; position: relative; }
.dg-hero .dg-badge { display: inline-flex; align-items: center; gap: 8px; padding: 7px 16px; background: rgba(224,198,143,.1); border: 1px solid rgba(224,198,143,.25); border-radius: 100px; font-size: .74rem; font-weight: 600; color: var(--accent-light, #EFDCB4); letter-spacing: .5px; text-transform: uppercase; margin-bottom: 22px; }
.dg-hero h1 { font-family: 'Albert Sans', 'Space Grotesk', sans-serif; font-size: clamp(1.9rem, 5.5vw, 3rem); font-weight: 700; line-height: 1.1; letter-spacing: -1px; margin-bottom: 18px; }
.dg-hero h1 .accent { color: var(--accent); }
.dg-hero p { color: var(--text-secondary); font-size: clamp(1rem,2.5vw,1.15rem); line-height: 1.6; max-width: 560px; margin: 0 auto 14px; }
.dg-meta { display: flex; gap: 22px; justify-content: center; flex-wrap: wrap; margin-top: 26px; }
.dg-meta span { display: inline-flex; align-items: center; gap: 7px; font-size: .82rem; color: var(--text-muted); }
.dg-meta svg { width: 16px; height: 16px; color: var(--accent); flex-shrink: 0; }

/* CARD do quiz */
.dg-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: clamp(24px, 4vw, 44px); box-shadow: 0 30px 60px -20px rgba(0,0,0,.6); margin-bottom: 60px; position: relative; overflow: hidden; }

/* Cada passo */
.dg-step { display: none; animation: dgIn .45s cubic-bezier(.4,0,.2,1); }
.dg-step.active { display: block; }
@keyframes dgIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

.dg-step-count { font-size: .78rem; font-weight: 600; color: var(--accent); letter-spacing: .6px; text-transform: uppercase; margin-bottom: 12px; }
.dg-q { font-family: 'Albert Sans', 'Space Grotesk', sans-serif; font-size: clamp(1.35rem, 3.5vw, 1.75rem); font-weight: 700; line-height: 1.25; letter-spacing: -.4px; margin-bottom: 8px; }
.dg-q-help { color: var(--text-muted); font-size: .92rem; line-height: 1.5; margin-bottom: 26px; }

/* Opções — cartões clicáveis grandes (bom no dedão) */
.dg-opts { display: flex; flex-direction: column; gap: 11px; }
.dg-opt { display: flex; align-items: center; gap: 15px; text-align: left; width: 100%; padding: 17px 19px; background: var(--bg-secondary); border: 1.5px solid var(--border); border-radius: var(--radius); color: var(--text-primary); font-family: inherit; font-size: 1rem; cursor: pointer; transition: border-color .18s, background .18s, transform .1s; }
.dg-opt:hover { border-color: rgba(224,198,143,.4); background: #141414; }
.dg-opt:active { transform: scale(.99); }
.dg-opt.sel { border-color: var(--accent); background: rgba(224,198,143,.08); }
.dg-opt-dot { width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--text-muted); flex-shrink: 0; display: flex; align-items: center; justify-content: center; transition: border-color .18s; }
.dg-opt.sel .dg-opt-dot { border-color: var(--accent); }
.dg-opt.sel .dg-opt-dot::after { content: ''; width: 11px; height: 11px; border-radius: 50%; background: var(--accent); }
.dg-opt-txt { flex: 1; line-height: 1.35; }
.dg-opt-txt small { display: block; color: var(--text-muted); font-size: .8rem; margin-top: 3px; }

/* Navegação entre passos */
.dg-nav { display: flex; justify-content: space-between; align-items: center; margin-top: 30px; gap: 12px; }
.dg-back { background: none; border: none; color: var(--text-muted); font-family: inherit; font-size: .92rem; cursor: pointer; padding: 10px 4px; display: inline-flex; align-items: center; gap: 6px; transition: color .18s; }
.dg-back:hover { color: var(--text-secondary); }
.dg-back[hidden] { visibility: hidden; }
.dg-skip { background: none; border: none; color: var(--text-muted); font-family: inherit; font-size: .86rem; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }

/* Campos do formulário final */
.dg-field { margin-bottom: 15px; }
.dg-field label { display: block; font-size: .82rem; font-weight: 600; color: var(--text-secondary); margin-bottom: 7px; }
.dg-field label .req { color: var(--accent); }
.dg-input, .dg-select { width: 100%; padding: 14px 16px; background: var(--bg-secondary); border: 1.5px solid var(--border); border-radius: var(--radius); color: var(--text-primary); font-family: inherit; font-size: 1rem; transition: border-color .18s, box-shadow .18s; -webkit-appearance: none; appearance: none; }
.dg-input:focus, .dg-select:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(224,198,143,.12); }
.dg-input::placeholder { color: var(--text-muted); }
.dg-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.dg-select { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23888' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; padding-right: 42px; }
.dg-hp { position: absolute; left: -9999px; opacity: 0; height: 0; width: 0; pointer-events: none; }
.dg-erro { display: none; background: rgba(220,38,38,.1); border: 1px solid rgba(220,38,38,.3); color: #fca5a5; padding: 13px 16px; border-radius: var(--radius); font-size: .9rem; margin-bottom: 16px; }

.dg-btn { width: 100%; justify-content: center; margin-top: 6px; }
.dg-btn[disabled] { opacity: .55; cursor: not-allowed; }
.dg-nota-privacidade { font-size: .78rem; color: var(--text-muted); text-align: center; margin-top: 16px; line-height: 1.5; }
.dg-nota-privacidade a { color: var(--text-secondary); }

/* ====== TELA DE RESULTADO ====== */
.dg-result { display: none; }
.dg-result.show { display: block; animation: dgIn .5s ease; }
.dg-gauge-wrap { text-align: center; margin-bottom: 8px; }
.dg-gauge { position: relative; width: 210px; height: 210px; margin: 0 auto 10px; }
.dg-gauge svg { transform: rotate(-90deg); }
.dg-gauge-num { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.dg-gauge-num b { font-family: 'Albert Sans', 'Space Grotesk', sans-serif; font-size: 3.4rem; font-weight: 700; line-height: 1; }
.dg-gauge-num span { font-size: .8rem; color: var(--text-muted); margin-top: 4px; }
.dg-result-titulo { text-align: center; font-family: 'Albert Sans', 'Space Grotesk', sans-serif; font-size: 1.5rem; font-weight: 700; margin-bottom: 6px; }
.dg-result-sub { text-align: center; color: var(--text-secondary); font-size: .98rem; line-height: 1.55; max-width: 520px; margin: 0 auto 30px; }

/* Barras dos três pilares */
.dg-pilares { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-bottom: 34px; }
.dg-pilar { background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius); padding: 16px 14px; text-align: center; }
.dg-ico { display:inline-flex; vertical-align:-2px; margin-right:6px; color:var(--accent); } .dg-ico svg { width:14px; height:14px; }
.dg-pilar-nome { font-size: .78rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: .5px; margin-bottom: 8px; }
.dg-pilar-num { font-family: 'Albert Sans', 'Space Grotesk', sans-serif; font-size: 1.7rem; font-weight: 700; line-height: 1; }
.dg-pilar-track { height: 5px; background: rgba(255,255,255,.07); border-radius: 3px; margin-top: 10px; overflow: hidden; }
.dg-pilar-fill { height: 100%; border-radius: 3px; width: 0; transition: width .8s cubic-bezier(.4,0,.2,1); }

/* Lista de achados */
.dg-achados-titulo { font-family: 'Albert Sans', 'Space Grotesk', sans-serif; font-size: 1.2rem; font-weight: 700; margin-bottom: 4px; }
.dg-achados-sub { color: var(--text-muted); font-size: .9rem; margin-bottom: 20px; }
.dg-achado { border: 1px solid var(--border); border-left: 3px solid var(--accent); border-radius: var(--radius); padding: 18px 20px; margin-bottom: 12px; background: var(--bg-secondary); }
.dg-achado-head { display: flex; align-items: center; gap: 10px; margin-bottom: 9px; }
.dg-achado-grav { font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; padding: 3px 9px; border-radius: 5px; }
.dg-achado-pilar { font-size: .74rem; color: var(--text-muted); }
.dg-achado h4 { font-size: 1.05rem; font-weight: 700; line-height: 1.3; margin-bottom: 8px; }
.dg-achado p { color: var(--text-secondary); font-size: .92rem; line-height: 1.55; margin-bottom: 8px; }
.dg-achado .custo { color: #fca5a5; }
.dg-achado .acao { display: flex; align-items: flex-start; gap: 8px; color: var(--text-primary); font-size: .9rem; margin-top: 10px; padding-top: 10px; border-top: 1px dashed var(--border); }
.dg-achado .acao b { color: var(--accent); }

/* ---- PROPOSTA: o plano montado pelo diagnóstico ---- */
.dg-proposta { margin-top: 40px; }
.dg-prop-head { text-align: center; margin-bottom: 26px; }
.dg-prop-head .eyebrow { font-size: .74rem; font-weight: 700; color: var(--accent); text-transform: uppercase; letter-spacing: .8px; margin-bottom: 10px; }
.dg-prop-head h3 { font-family: 'Albert Sans', 'Space Grotesk', sans-serif; font-size: 1.5rem; font-weight: 700; margin-bottom: 10px; }
.dg-prop-head p { color: var(--text-secondary); font-size: .94rem; line-height: 1.6; max-width: 520px; margin: 0 auto; }
.dg-prop-rede { margin: 18px auto 0; max-width: 540px; padding: 13px 16px; border-radius: var(--radius); background: rgba(224,198,143,.09); border: 1px solid rgba(224,198,143,.25); font-size: .89rem; line-height: 1.55; color: var(--text-secondary); }
.dg-prop-rede b { color: var(--text-primary); }

.dg-etapa { margin-bottom: 22px; }
.dg-etapa-tag { font-size: .7rem; font-weight: 700; color: var(--accent); letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; display: flex; align-items: center; gap: 10px; }
.dg-etapa-tag::after { content: ''; flex: 1; height: 1px; background: var(--border); }

.dg-mod { border: 1px solid var(--border); border-radius: var(--radius); padding: 18px 20px; margin-bottom: 10px; background: var(--bg-secondary); }
.dg-mod-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.dg-mod-top h4 { font-size: 1.08rem; font-weight: 700; line-height: 1.3; margin-bottom: 5px; }
.dg-mod-promessa { color: var(--text-secondary); font-size: .89rem; line-height: 1.5; }
.dg-mod-preco { text-align: right; white-space: nowrap; }
.dg-mod-preco b { font-family: 'Albert Sans', 'Space Grotesk', sans-serif; font-size: 1.25rem; font-weight: 700; color: var(--text-primary); }
.dg-mod-preco span { font-size: .82rem; color: var(--text-muted); }
.dg-mod-preco i { display: block; font-style: normal; font-size: .76rem; color: var(--text-muted); text-decoration: line-through; margin-top: 2px; }
.dg-mod-porque { color: var(--text-muted); font-size: .86rem; line-height: 1.55; margin: 12px 0 0; padding-top: 11px; border-top: 1px dashed var(--border); }
.dg-mod-itens { list-style: none; margin: 13px 0 0; padding: 0; }
.dg-mod-itens li { position: relative; padding: 4px 0 4px 20px; font-size: .89rem; color: var(--text-secondary); line-height: 1.5; }
.dg-mod-itens li::before { content: '✓'; position: absolute; left: 0; color: #22c55e; font-weight: 700; }
.dg-mod-itens li.ess { color: var(--text-primary); }
.dg-mod-itens li b { display: inline-block; margin-left: 7px; font-size: .66rem; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: var(--accent); background: rgba(224,198,143,.12); padding: 2px 7px; border-radius: 100px; vertical-align: 1px; }
.dg-mod-plano { display: grid; gap: 8px; margin-top: 14px; padding-top: 13px; border-top: 1px dashed var(--border); }
.dg-mod-plano div { font-size: .85rem; color: var(--text-secondary); line-height: 1.5; }
.dg-mod-plano span { display: inline-block; min-width: 62px; font-weight: 700; color: var(--accent); font-size: .74rem; text-transform: uppercase; letter-spacing: .5px; }
.dg-mod-extra { background: transparent; border-style: dashed; }

.dg-setup { border: 1px solid var(--border); border-radius: var(--radius); padding: 18px 20px; margin-bottom: 22px; background: var(--bg-secondary); }
.dg-setup-l { display: flex; justify-content: space-between; gap: 14px; padding: 7px 0; font-size: .89rem; color: var(--text-secondary); }
.dg-setup-l b { color: var(--text-primary); white-space: nowrap; }
.dg-setup-l.total { border-top: 1px solid var(--border); margin-top: 6px; padding-top: 12px; font-weight: 700; color: var(--text-primary); }

.dg-adicionais { margin-bottom: 24px; }
.dg-add-sub { color: var(--text-muted); font-size: .87rem; line-height: 1.5; margin-bottom: 13px; }
.dg-add { display: flex; align-items: flex-start; gap: 13px; border: 1px solid var(--border); border-radius: var(--radius); padding: 14px 16px; margin-bottom: 9px; cursor: pointer; transition: border-color .15s, background .15s; }
.dg-add:hover { border-color: rgba(224,198,143,.4); }
.dg-add input { position: absolute; opacity: 0; pointer-events: none; }
.dg-add-box { flex-shrink: 0; width: 21px; height: 21px; border: 2px solid var(--border); border-radius: 6px; margin-top: 2px; transition: all .15s; position: relative; }
.dg-add input:checked ~ .dg-add-box { background: var(--accent); border-color: var(--accent); }
.dg-add input:checked ~ .dg-add-box::after { content: '✓'; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-size: .8rem; font-weight: 700; }
.dg-add:has(input:checked) { border-color: rgba(224,198,143,.45); background: rgba(224,198,143,.06); }
.dg-add-txt { flex: 1; }
.dg-add-txt b { display: block; font-size: .95rem; font-weight: 700; margin-bottom: 3px; }
.dg-add-txt i { font-style: normal; font-size: .84rem; color: var(--text-muted); line-height: 1.5; display: block; }
.dg-add-preco { white-space: nowrap; font-weight: 700; font-size: .95rem; color: var(--text-primary); }
.dg-add-preco em { display: block; font-style: normal; font-size: .72rem; font-weight: 500; color: var(--text-muted); text-align: right; }

.dg-fechar { margin-top: 28px; padding: 26px; border-radius: var(--radius-lg); background: linear-gradient(135deg, rgba(224,198,143,.1), rgba(224,198,143,.02)); border: 1px solid rgba(224,198,143,.26); }
.dg-contratos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-bottom: 20px; }
.dg-contrato { display: flex; flex-direction: column; gap: 3px; padding: 14px 10px; border: 2px solid var(--border); border-radius: var(--radius); background: var(--bg-secondary); cursor: pointer; font-family: inherit; text-align: center; transition: all .15s; }
.dg-contrato:hover { border-color: rgba(224,198,143,.4); }
.dg-contrato.sel { border-color: var(--accent); background: rgba(224,198,143,.1); }
.dg-contrato-rot { font-size: .8rem; font-weight: 700; color: var(--text-primary); }
.dg-contrato-val { font-family: 'Albert Sans', 'Space Grotesk', sans-serif; font-size: 1.02rem; font-weight: 700; color: var(--text-primary); }
.dg-contrato-val i { font-style: normal; font-size: .7rem; font-weight: 500; color: var(--text-muted); }
.dg-contrato-obs { font-size: .68rem; color: var(--text-muted); line-height: 1.3; }
.dg-total { text-align: center; margin-bottom: 18px; }
.dg-total-l span { display: block; font-size: .78rem; text-transform: uppercase; letter-spacing: .7px; color: var(--text-muted); margin-bottom: 4px; }
.dg-total-l b { font-family: 'Albert Sans', 'Space Grotesk', sans-serif; font-size: 2.1rem; font-weight: 700; color: var(--text-primary); transition: opacity .2s; }
.dg-total-l b.carregando { opacity: .35; }
.dg-total-eco { font-size: .85rem; color: #22c55e; margin-top: 7px; line-height: 1.5; }

.dg-checkout { margin-top: 22px; padding: 24px; border-radius: var(--radius-lg); border: 1px solid var(--border); background: var(--bg-secondary); }
.dg-ck-resumo { padding: 13px 16px; border-radius: var(--radius); background: rgba(224,198,143,.08); border: 1px solid rgba(224,198,143,.22); font-size: .9rem; line-height: 1.55; color: var(--text-secondary); margin-bottom: 16px; }
.dg-ck-resumo b { color: var(--text-primary); }
.dg-ck-ok { text-align: center; }
.dg-ck-ok h4 { font-family: 'Albert Sans', 'Space Grotesk', sans-serif; font-size: 1.25rem; font-weight: 700; margin-bottom: 10px; }
.dg-ck-ok p { color: var(--text-secondary); font-size: .93rem; line-height: 1.6; margin-bottom: 18px; }

@media (max-width: 560px) {
  .dg-mod-top { flex-direction: column; gap: 10px; }
  .dg-mod-preco { text-align: left; }
  .dg-contratos { grid-template-columns: 1fr; }
  .dg-fechar { padding: 20px 16px; }
}

/* ---- Tela de pagamento (PIX / boleto do Inter) ---- */
.dg-pgto h4 { font-family: 'Albert Sans', 'Space Grotesk', sans-serif; font-size: 1.6rem; font-weight: 700; margin: 4px 0 6px; }
.dg-pix, .dg-boleto { border: 1px solid var(--border); border-radius: var(--radius); padding: 17px 18px; margin-top: 14px; background: var(--bg-secondary); }
.dg-pix { border-color: rgba(34,197,94,.35); background: rgba(34,197,94,.05); }
.dg-pix-tit { font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .8px; color: var(--accent); margin-bottom: 7px; }
.dg-pix .dg-pix-tit { color: #22c55e; }
.dg-pix p, .dg-boleto p { color: var(--text-secondary); font-size: .88rem; line-height: 1.55; margin-bottom: 12px; }
.dg-pix-cod { font-family: ui-monospace, Menlo, monospace; font-size: .78rem; line-height: 1.5; word-break: break-all; background: rgba(0,0,0,.35); border: 1px solid var(--border); border-radius: 10px; padding: 12px 14px; color: var(--text-secondary); margin-bottom: 12px; max-height: 118px; overflow: auto; }
.dg-pix-cod.pequeno { font-size: .82rem; word-break: break-word; }
.dg-qr { display: flex; justify-content: center; margin: 4px 0 2px; }
.dg-qr img { background: #fff; padding: 10px; border-radius: 12px; width: 220px; height: 220px; max-width: 100%; }

/* Bloco de oferta / próximo passo */
.dg-oferta { margin-top: 34px; background: linear-gradient(135deg, rgba(224,198,143,.12), rgba(224,198,143,.03)); border: 1px solid rgba(224,198,143,.28); border-radius: var(--radius-lg); padding: 28px; text-align: center; }
.dg-oferta .eyebrow { font-size: .74rem; font-weight: 700; color: var(--accent); text-transform: uppercase; letter-spacing: .8px; margin-bottom: 12px; }
.dg-oferta h3 { font-family: 'Albert Sans', 'Space Grotesk', sans-serif; font-size: 1.4rem; font-weight: 700; margin-bottom: 10px; line-height: 1.3; }
.dg-oferta p { color: var(--text-secondary); font-size: .96rem; line-height: 1.6; max-width: 480px; margin: 0 auto 22px; }
.dg-cta-row { display: flex; flex-direction: column; gap: 11px; max-width: 380px; margin: 0 auto; }
.dg-cta-primary { background: var(--gradient-accent); color:#0B1005; border: none; padding: 17px 28px; border-radius: var(--radius); font-family: inherit; font-size: 1.02rem; font-weight: 700; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 9px; transition: transform .15s, box-shadow .15s; box-shadow: 0 12px 30px -8px rgba(224,198,143,.5); }
.dg-cta-primary:hover { transform: translateY(-2px); box-shadow: 0 16px 38px -8px rgba(224,198,143,.6); }
.dg-cta-secondary { color: var(--text-secondary); font-size: .9rem; text-decoration: none; padding: 8px; }
.dg-cta-secondary:hover { color: var(--text-primary); }
.dg-resposta-imediata { display: inline-flex; align-items: center; gap: 8px; font-size: .85rem; color: #22c55e; margin-top: 18px; }
.dg-resposta-imediata svg { width: 15px; height: 15px; }

/* Loading */
.dg-loading { display: none; text-align: center; padding: 50px 20px; }
.dg-loading.show { display: block; }
.dg-spinner { width: 46px; height: 46px; border: 3px solid rgba(224,198,143,.2); border-top-color: var(--accent); border-radius: 50%; margin: 0 auto 20px; animation: dgSpin .8s linear infinite; }
@keyframes dgSpin { to { transform: rotate(360deg); } }
.dg-loading p { color: var(--text-secondary); font-size: .96rem; }

@media (max-width: 520px) {
  .dg-row { grid-template-columns: 1fr; }
  .dg-pilares { grid-template-columns: 1fr; }
  .dg-hero { padding-top: 100px; }
}

/* bloco 9a0cbe72e7 — usado em 36 paginas */
.seven-diag-cta{padding:20px 20px 44px;}
.seven-diag-inner{max-width:1000px;margin:0 auto;background:linear-gradient(135deg,rgba(224,198,143,.13),rgba(224,198,143,.03));border:1px solid rgba(224,198,143,.28);border-radius:20px;padding:34px 36px;display:flex;align-items:center;gap:34px;flex-wrap:wrap;}
.seven-diag-text{flex:1;min-width:280px;}
.seven-diag-badge{display:inline-block;padding:6px 14px;background:rgba(224,198,143,.12);border:1px solid rgba(224,198,143,.3);border-radius:100px;font-size:.72rem;font-weight:700;color:#EFDCB4;letter-spacing:.5px;text-transform:uppercase;margin-bottom:14px;}
.seven-diag-text h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.3rem,3vw,1.7rem);font-weight:700;line-height:1.25;letter-spacing:-.5px;margin:0 0 10px;color:#fff;}
.seven-diag-text p{color:#b5b5b5;font-size:.98rem;line-height:1.6;margin:0;}
.seven-diag-action{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:230px;}
.seven-diag-btn{background:linear-gradient(135deg,#E0C68F,#EFDCB4);color:#1A1408;padding:16px 26px;border-radius:12px;font-weight:700;font-size:1rem;text-decoration:none;text-align:center;transition:transform .15s,box-shadow .15s;box-shadow:0 12px 30px -8px rgba(224,198,143,.5);white-space:nowrap;}
.seven-diag-btn:hover{transform:translateY(-2px);box-shadow:0 16px 38px -8px rgba(224,198,143,.6);}
.seven-diag-sub{font-size:.8rem;color:#666;text-align:center;line-height:1.4;}
@media(max-width:720px){.seven-diag-inner{padding:26px 22px;gap:22px;}.seven-diag-action{min-width:100%;}}

/* bloco 7ee8e70dee — usado em 8 paginas */
/* ===== HERO HUMANIZADO DO DIAGNÓSTICO (04/08/2026) =====
   Mesma gramática da home: foto grande, scrim, selo, acento dourado.
   A foto não é decoração — é a prova de que existe uma pessoa do outro lado. */
.dgh { position: relative; overflow: hidden; background: var(--bg-primary);
       border-bottom: 1px solid var(--border); }
.dgh-foto { position: absolute; inset: 0; z-index: 0;
  background: url('/assets/img/abel-hero-novo.jpg') right center / cover no-repeat; }
/* scrim em duas camadas: uma horizontal pra sustentar o texto, uma vertical
   pra costurar com o topo e com o card do quiz. Sem isso o texto some na foto. */
.dgh-scrim { position: absolute; inset: 0; z-index: 1; background:
  linear-gradient(90deg, var(--bg-primary) 0%, rgba(12,10,7,.96) 34%, rgba(12,10,7,.66) 52%, rgba(12,10,7,.18) 74%, rgba(12,10,7,.42) 100%),
  linear-gradient(180deg, rgba(12,10,7,.72) 0%, transparent 26%, transparent 62%, var(--bg-primary) 100%); }
.dgh-wrap { position: relative; z-index: 2; max-width: 1200px; margin: 0 auto;
  padding: 92px 26px 74px; }
.dgh-txt { width: 56%; max-width: 42rem; }

.dgh-selo { display: inline-flex; align-items: center; gap: 9px; padding: 8px 16px;
  border: 1px solid var(--border-light); border-radius: 999px; background: rgba(255,255,255,.04);
  font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.72);
  margin-bottom: 26px; backdrop-filter: blur(8px); }
.dgh-selo .pt { width: 7px; height: 7px; border-radius: 50%; background: var(--accent);
  box-shadow: 0 0 12px var(--accent); }
.dgh-selo b { color: var(--accent); font-weight: 700; }

.dgh h1 { font-family: 'Albert Sans','Space Grotesk',sans-serif; font-weight: 600;
  font-size: clamp(2.1rem, 4.4vw, 3.5rem); line-height: 1.08; letter-spacing: -.028em;
  color: #fff; margin: 0 0 20px; }
.dgh h1 .ac { color: var(--accent); }
.dgh-sub { font-size: clamp(1rem, 1.35vw, 1.12rem); line-height: 1.62;
  color: rgba(255,255,255,.74); max-width: 34rem; margin: 0 0 30px; }

/* prova social: rostos de quem já passou por aqui, não logotipo genérico */
.dgh-prova { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; margin-bottom: 26px; }
.dgh-pilha { display: flex; }
.dgh-pilha img { width: 38px; height: 38px; border-radius: 50%; object-fit: cover;
  border: 2px solid var(--bg-primary); margin-left: -11px; }
.dgh-pilha img:first-child { margin-left: 0; }
.dgh-prova-n { font-weight: 700; color: #fff; font-size: .95rem; }
.dgh-prova-l { font-size: .82rem; color: rgba(255,255,255,.52); line-height: 1.35; }

.dgh-gar { display: flex; gap: 22px; flex-wrap: wrap; font-size: .84rem;
  color: rgba(255,255,255,.6); }
.dgh-gar span { display: inline-flex; align-items: center; gap: 7px; }
.dgh-gar svg { width: 15px; height: 15px; color: var(--accent); flex: none; }

/* ===== o card do quiz agora tem companhia ===== */
.dg-wrap { max-width: 1200px; margin: 0 auto; padding: 0 26px 80px; }
.dgq-grid { display: grid; grid-template-columns: minmax(0,1fr) 310px; gap: 26px;
  align-items: start; margin-top: -34px; position: relative; z-index: 3; }

.dgq-lado { display: flex; flex-direction: column; gap: 16px; position: sticky; top: 96px; }
.dgq-quem { background: var(--bg-card); border: 1px solid var(--border);
  border-radius: var(--radius-lg, 20px); padding: 24px; }
.dgq-quem-topo { display: flex; align-items: center; gap: 13px; margin-bottom: 15px; }
.dgq-quem img { width: 54px; height: 54px; border-radius: 50%; object-fit: cover;
  object-position: center 18%; border: 2px solid var(--accent); flex: none; }
.dgq-quem-n { font-weight: 700; color: #fff; font-size: .97rem; line-height: 1.25; }
.dgq-quem-c { font-size: .8rem; color: var(--accent); }
.dgq-quem p { font-size: .87rem; line-height: 1.62; color: rgba(255,255,255,.7); margin: 0; }

.dgq-dep { background: var(--bg-card); border: 1px solid var(--border);
  border-radius: var(--radius-lg, 20px); padding: 22px 24px; }
.dgq-dep-txt { font-size: .89rem; line-height: 1.62; color: rgba(255,255,255,.82);
  margin: 0 0 14px; font-style: italic; }
.dgq-dep-a { display: flex; align-items: center; gap: 11px; }
.dgq-dep-a img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; flex: none; }
.dgq-dep-n { font-size: .84rem; font-weight: 650; color: #fff; line-height: 1.3; }
.dgq-dep-e { font-size: .76rem; color: rgba(255,255,255,.5); }

.dgq-nota { font-size: .8rem; line-height: 1.6; color: rgba(255,255,255,.56);
  padding: 0 4px; }
.dgq-nota b { color: rgba(255,255,255,.7); font-weight: 600; }

/* ===== celular: a foto vira topo, o lado vira rodapé ===== */
@media (max-width: 980px) {
  .dgh-txt { width: 100%; max-width: 100%; }
  .dgh-wrap { padding: 300px 20px 46px; }
  .dgh-foto { background-position: 62% 12%; background-size: cover; }
  .dgh-scrim { background:
    linear-gradient(180deg, rgba(12,10,7,.34) 0%, rgba(12,10,7,.52) 30%, rgba(12,10,7,.93) 56%, var(--bg-primary) 78%); }
  .dgq-grid { grid-template-columns: 1fr; margin-top: -18px; }
  .dgq-lado { position: static; order: 2; }
  .dg-wrap { padding: 0 16px 60px; }
  .dgh-gar { gap: 12px 18px; }
}
@media (max-width: 560px) {
  .dgh-wrap { padding: 240px 16px 40px; }
  .dgh h1 { font-size: 1.95rem; }
  .dgh-sub { font-size: .97rem; }
}

/* bloco 46be1d6edd — usado em 22 paginas */
.sb-resposta { background: var(--bg-card); border: 1px solid var(--border);
  border-left: 3px solid var(--accent); border-radius: 14px;
  padding: 26px 30px; margin: 0 auto 6px; max-width: 820px; }
.sb-resposta p { font-size: 1.02rem; line-height: 1.72; color: var(--text-secondary); margin: 0; }
.sb-resposta p + p { margin-top: 14px; }
.sb-resposta strong { color: var(--text-primary); font-weight: 600; }
.sb-preco { display: grid; grid-template-columns: repeat(auto-fit,minmax(230px,1fr)); gap: 18px; margin-top: 8px; }
.sb-preco-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 16px; padding: 24px; }
.sb-preco-card h3 { font-size: 1.02rem; margin-bottom: 6px; color: var(--text-primary); }
.sb-preco-v { font-family: 'Geist','Space Grotesk',monospace; font-size: 1.5rem; font-weight: 600;
  color: var(--accent); margin: 10px 0 12px; }
.sb-preco-v small { font-size: .8rem; color: var(--text-secondary); font-weight: 400; }
.sb-preco-card p { font-size: .9rem; line-height: 1.62; color: var(--text-secondary); margin: 0; }
@media (max-width:700px){ .sb-resposta{padding:22px 20px} .sb-resposta p{font-size:.98rem} }

/* bloco 278be66577 — usado em 29 paginas */
/* Resposta direta: bloco que a IA e o featured snippet conseguem citar inteiro */
.sb-resposta { background: var(--bg-card); border: 1px solid var(--border);
  border-left: 3px solid var(--accent); border-radius: 14px;
  padding: 26px 30px; margin: 0 auto 6px; max-width: 820px; }
.sb-resposta p { font-size: 1.02rem; line-height: 1.72; color: var(--text-secondary); margin: 0; }
.sb-resposta p + p { margin-top: 14px; }
.sb-resposta strong { color: var(--text-primary); font-weight: 600; }
@media (max-width: 700px) { .sb-resposta { padding: 22px 20px; } .sb-resposta p { font-size: .98rem; } }

/* bloco c3baab87dc — usado em 3 paginas */
.article-head { padding: 150px 40px 40px; position: relative; z-index: 1; }
        .article-head .section-container { max-width: 820px; }
        .article-meta { display: flex; gap: 16px; flex-wrap: wrap; align-items: center; font-size: 0.85rem; color: var(--text-muted); margin-top: 18px; }
        .article-meta .dot { width: 4px; height: 4px; border-radius: 50%; background: var(--text-muted); }
        .article-h1 { font-family: 'Albert Sans', 'Space Grotesk', sans-serif; font-size: clamp(2rem, 4.5vw, 3.2rem); font-weight: 700; line-height: 1.12; letter-spacing: -1px; margin-top: 10px; }
        .article-body { padding: 20px 40px 110px; position: relative; z-index: 1; }
        .article-body .section-container { max-width: 760px; }
        .article-body .callout { margin: 30px 0; padding: 24px 28px; border-radius: var(--radius-lg); border: 1px solid rgba(224,198,143,0.18); background: rgba(224,198,143,0.04); }
        .article-body .callout strong { color: var(--accent-light); }
        .article-body .callout p { margin-bottom: 0; }
        .article-body .steps { display: grid; grid-template-columns: 1fr; gap: 20px; margin: 30px 0; }
        .article-body .step { display: grid; grid-template-columns: 44px 1fr; gap: 16px; align-items: start; padding: 22px; border-radius: var(--radius-lg); border: 1px solid var(--border); background: var(--bg-card); width: 100%; box-sizing: border-box; }
        .article-body .step-num { width: 44px; height: 44px; border-radius: 50%; background: var(--accent); color:#1A1408; font-family: 'Albert Sans', 'Space Grotesk', sans-serif; font-weight: 700; font-size: 1.1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
        .article-body .step-body h4 { font-family: 'Albert Sans', 'Space Grotesk', sans-serif; font-size: 1rem; font-weight: 600; margin-bottom: 6px; }
        .article-body .step-body p { font-size: 0.92rem; color: var(--text-secondary); margin: 0; line-height: 1.6; }
        /* Capa gráfica on-brand (sem foto de banco) */
        .article-cover { max-width: 980px; margin: 6px auto 0; padding: 0 40px; position: relative; z-index: 1; }
        .cover-graphic { position: relative; width: 100%; aspect-ratio: 16/9; border-radius: var(--radius-lg); border: 1px solid var(--border); overflow: hidden; background: radial-gradient(120% 120% at 78% 30%, rgba(224,198,143,0.16) 0%, transparent 55%), linear-gradient(135deg, #12100C 0%, #0C0A07 100%); display: flex; align-items: center; padding: 0 8%; }
        .cover-graphic .cg-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
        .cover-graphic .cg-scrim { position: absolute; inset: 0; z-index: 2; background: linear-gradient(90deg, rgba(12,10,7,0.95) 0%, rgba(12,10,7,0.82) 40%, rgba(12,10,7,0.35) 62%, transparent 82%); }
        .cover-graphic .cg-word { position: absolute; right: -2%; top: 50%; transform: translateY(-50%); z-index: 0; font-family: 'Albert Sans', 'Space Grotesk', sans-serif; font-weight: 700; font-size: clamp(6rem, 20vw, 17rem); line-height: 1; color: transparent; -webkit-text-stroke: 1.5px rgba(224,198,143,0.14); letter-spacing: -0.04em; pointer-events: none; }
        .cover-graphic .cg-text { position: relative; z-index: 3; max-width: 56%; }
        .cover-graphic .cg-logos { position: absolute; inset: 0; z-index: 3; pointer-events: none; }
        .cover-graphic .cg-logo { position: absolute; width: 7.2%; aspect-ratio: 1; background: #fff; border-radius: 24%; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 24px rgba(224,198,143,0.45), 0 0 0 1px rgba(255,255,255,0.18); }
        .cover-graphic .cg-logo img { width: 60%; height: 60%; display: block; }
        .cover-graphic .cg-logo.l1 { top: 9%; left: 45%; }
        .cover-graphic .cg-logo.l2 { top: 12%; left: 55.5%; }
        .cover-graphic .cg-logo.l3 { top: 26%; left: 43%; }
        .cover-graphic .cg-logo.l4 { top: 29%; left: 53.5%; }
        @media (max-width: 560px) { .cover-graphic .cg-logo { width: 11%; } }
        .cover-graphic .cg-tag { display: inline-block; font-size: 0.72rem; letter-spacing: 2px; text-transform: uppercase; color: var(--accent-light); border: 1px solid rgba(224,198,143,0.3); border-radius: 100px; padding: 5px 14px; margin-bottom: 16px; }
        .cover-graphic .cg-head { font-family: 'Albert Sans', 'Space Grotesk', sans-serif; font-weight: 700; font-size: clamp(1.3rem, 3vw, 2.1rem); line-height: 1.15; letter-spacing: -0.5px; color: #fff; }
        .cover-graphic .cg-head b { color: var(--accent); }
        .article-list-check { list-style:none; display:grid; gap:14px; margin:24px 0; }
        .article-list-check li { padding-left: 2px; }
        @media (max-width: 700px) { .step { grid-template-columns: 36px 1fr; } .article-head, .article-body, .article-cover { padding-left: 20px; padding-right: 20px; } .cover-graphic .cg-text { max-width: 82%; } }

/* bloco eff02ccb02 — usado em 8 paginas */
/* ===== dgh-ajuste-v2 — enquadramento e legibilidade ===== */
/* Em tela larga a foto precisa correr para a direita: o rosto tem que ficar
   no vazio, não atrás da frase. Em tela média ele volta ao centro-direita. */
.dgh-foto { background-position: 88% 42%; }
@media (min-width: 1500px) { .dgh-foto { background-position: 78% 42%; } }
@media (min-width: 1900px) { .dgh-foto { background-position: 70% 42%; } }

/* scrim mais longo: sustenta o texto até 58% e só então abre para a foto */
.dgh-scrim { background:
  linear-gradient(90deg,
    var(--bg-primary) 0%,
    rgba(12,10,7,.975) 40%,
    rgba(12,10,7,.88) 52%,
    rgba(12,10,7,.52) 66%,
    rgba(12,10,7,.14) 82%,
    rgba(12,10,7,.46) 100%),
  linear-gradient(180deg, rgba(12,10,7,.74) 0%, transparent 24%, transparent 58%, var(--bg-primary) 100%) !important; }

/* título em 3 linhas: mais denso, mais forte */
.dgh-txt { width: 52%; max-width: 33rem; }
.dgh h1 { font-size: clamp(2.05rem, 3.5vw, 3.05rem); }
.dgh-sub { max-width: 31rem; color: rgba(255,255,255,.8); }
.dgh-gar { color: rgba(255,255,255,.68); }

/* avatares maiores: rosto pequeno demais não é prova, é ruído */
.dgh-pilha img { width: 42px; height: 42px; margin-left: -12px; }

@media (max-width: 980px) {
  .dgh-txt { width: 100%; max-width: 100%; }
  .dgh-foto { background-position: 64% 10% !important; }
  .dgh-scrim { background:
    linear-gradient(180deg, rgba(12,10,7,.30) 0%, rgba(12,10,7,.50) 28%, rgba(12,10,7,.94) 54%, var(--bg-primary) 76%) !important; }
}

/* bloco 0935553aaf — usado em 8 paginas */
/* dgh-enq-v3 — com background-size:cover a largura ja preenchia o container,
   entao background-position no eixo X nao movia nada. Ampliando a imagem em
   altura sobra largura, e ai sim da pra empurrar o rosto para o vazio. */
.dgh-foto { background-size: auto 132% !important; background-position: 72% 30% !important; }
@media (min-width: 1500px) { .dgh-foto { background-position: 66% 30% !important; } }
@media (max-width: 980px) {
  .dgh-foto { background-size: auto 108% !important; background-position: 62% 6% !important; }
}

/* bloco b6cb896202 — usado em 8 paginas */
/* dgh-fix-aviso — alinha o aviso de conformidade ao container do conteúdo */
main > div:not([class]) {
  max-width: 1200px; margin: 0 auto 14px; padding: 0 26px;
  position: relative; z-index: 4;
}
@media (max-width: 980px) { main > div:not([class]) { padding: 0 16px; } }

/* .dgh-prova-txt era usada nas 8 paginas de diagnostico sem nenhuma regra (bug
   pre-existente, anterior a extracao do CSS). Agrupa numero + legenda dentro do
   flex do pai .dgh-prova. */
.dgh-prova-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }


/* Grade de videos do portfolio. Estava embutida SO em /portfolio/, mas
   /captacao-de-drone-em-teresina/ usa as mesmas classes — os videos de la
   nunca tiveram grade (bug pre-existente). */
        .pf-video-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 8px; }
        .pf-video-card {
        .pf-video-card:hover { transform: translateY(-4px); border-color: rgba(224,198,143,0.3); }
        .pf-video-embed { width: 100%; aspect-ratio: 9/16; background: #111; position: relative; }
        .pf-video-embed iframe { width: 100%; height: 100%; border: 0; display: block; }
        .pf-video-embed .pf-placeholder {
        .pf-video-embed .pf-placeholder svg { opacity: 0.4; }
        .pf-video-info { padding: 18px 20px; }
        .pf-video-info h3 { font-family: 'Albert Sans', 'Space Grotesk', sans-serif; font-size: 0.95rem; font-weight: 700; margin-bottom: 4px; }
        .pf-video-info p { font-size: 0.78rem; color: var(--text-secondary); }
        .pf-filter-row { display: flex; gap: 10px; flex-wrap: wrap; margin: 24px 0 40px; }
        .pf-filter {
        .pf-filter:hover, .pf-filter.active { border-color: var(--accent); color: var(--accent); }
        .pf-design-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
        .pf-design-card {
        .pf-design-card:hover { transform: translateY(-4px); border-color: rgba(224,198,143,0.3); }
        .pf-design-image {
        .pf-design-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
        .pf-design-info { padding: 18px 20px; }
        .pf-design-info h3 { font-family: 'Albert Sans', 'Space Grotesk', sans-serif; font-size: 0.95rem; font-weight: 700; margin-bottom: 4px; }
        .pf-design-info p { font-size: 0.78rem; color: var(--text-secondary); }
        .pf-ig-banner {
        .pf-ig-banner h3 { font-family: 'Albert Sans', 'Space Grotesk', sans-serif; font-size: 1.25rem; font-weight: 700; margin-bottom: 6px; }
        .pf-ig-banner p { font-size: 0.88rem; color: var(--text-secondary); }
        @media (max-width: 900px) { .pf-video-grid, .pf-design-grid { grid-template-columns: repeat(2, 1fr); } }
        @media (max-width: 560px) { .pf-video-grid, .pf-design-grid { grid-template-columns: 1fr; } }
        .pf-site-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 26px; margin-top: 48px; }
        .pf-site-card { display: block; text-decoration: none; border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; background: var(--bg-card); transition: var(--transition); }
        .pf-site-card:hover { border-color: rgba(224,198,143,0.45); transform: translateY(-4px); }
        .pf-browser { background: #17171a; padding: 10px 12px 0; }
        .pf-browser-bar { display: flex; align-items: center; gap: 7px; padding-bottom: 9px; }
        .pf-dot { width: 9px; height: 9px; border-radius: 50%; background: #3a3a40; flex-shrink: 0; }
        .pf-url { flex: 1; margin-left: 8px; background: #0e0e10; border-radius: 6px; padding: 4px 10px; font-size: 0.68rem; color: #7d7d85; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        .pf-shot { display: block; width: 100%; aspect-ratio: 16/10; object-fit: cover; object-position: top center; background: #0a0a0a; }
        .pf-site-body { padding: 22px 24px 26px; }
        .pf-site-tag { display: inline-block; font-size: 0.72rem; letter-spacing: 1.2px; text-transform: uppercase; color: var(--accent); margin-bottom: 10px; }
        .pf-site-body h3 { font-family: 'Albert Sans', 'Space Grotesk', sans-serif; font-size: 1.08rem; margin-bottom: 8px; color: var(--text-primary); }
        .pf-site-body p { font-size: 0.9rem; color: var(--text-secondary); line-height: 1.6; margin-bottom: 14px; }
        .pf-site-url { font-size: 0.82rem; color: var(--accent); word-break: break-all; }
        @media (max-width: 720px) { .pf-site-grid { grid-template-columns: 1fr; } }
        .pf-case { border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--bg-card); padding: 34px; margin-top: 48px; }
        .pf-case-head { display: flex; flex-wrap: wrap; gap: 14px; align-items: baseline; justify-content: space-between; margin-bottom: 8px; }
        .pf-case-head h3 { font-family: 'Albert Sans', 'Space Grotesk', sans-serif; font-size: 1.5rem; letter-spacing: -0.5px; }
        .pf-case-link { font-size: 0.86rem; color: var(--accent); text-decoration: none; }
        .pf-case-link:hover { text-decoration: underline; }
        .pf-case-desc { color: var(--text-secondary); font-size: 0.96rem; line-height: 1.7; max-width: 720px; margin-bottom: 8px; }
        .pf-case-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 26px; }
        .pf-case-tags span { font-size: 0.74rem; letter-spacing: 0.4px; padding: 6px 12px; border-radius: 999px; border: 1px solid rgba(224,198,143,0.22); color: var(--accent); background: rgba(224,198,143,0.05); }
        .pf-reels { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
        .pf-reel { position: relative; border-radius: var(--radius); overflow: hidden; border: 1px solid var(--border); background: #0a0a0a; }
        .pf-reel video { width: 100%; aspect-ratio: 9/16; object-fit: cover; display: block; background: #0a0a0a; }
        .pf-reel figcaption { padding: 12px 14px 14px; font-size: 0.82rem; color: var(--text-secondary); line-height: 1.45; }
        @media (max-width: 900px) { .pf-reels { grid-template-columns: repeat(2, 1fr); } }
        @media (max-width: 520px) { .pf-reels { grid-template-columns: 1fr; } .pf-case { padding: 24px 20px; } }


/* Modificadores usados em /captacao-de-drone-em-teresina/ que nunca tiveram regra:
   drone e video horizontal, nao Reels vertical. Sem isso o video aparecia esmagado
   em container 9:16 e em grade de 4 colunas. */
.pf-reels-2 { grid-template-columns: repeat(2, 1fr); }
.pf-reel-wide { aspect-ratio: 16 / 9; }
.pf-reel-wide video { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 900px) { .pf-reels-2 { grid-template-columns: 1fr; } }


/* Prova social das paginas internas — mesma linguagem do bloco que ja converte
   nas paginas de diagnostico segmentado (dgq-quem / dgq-dep). */
.sb-prova { display:grid; grid-template-columns:1fr 1fr; gap:20px; max-width:940px; margin:0 auto; }
.sb-prova-card { background:var(--bg-card); border:1px solid var(--border); border-radius:18px; padding:26px; }
.sb-prova-topo { display:flex; align-items:center; gap:13px; margin-bottom:14px; }
.sb-prova-topo img { width:52px; height:52px; border-radius:50%; object-fit:cover;
  object-position:center 18%; border:2px solid var(--accent); flex:none; }
.sb-prova-n { font-weight:700; color:var(--text-primary); font-size:.97rem; line-height:1.25; }
.sb-prova-c { font-size:.8rem; color:var(--accent); }
.sb-prova-card p { font-size:.9rem; line-height:1.68; color:var(--text-secondary); margin:0; }
.sb-prova-card blockquote { font-size:.9rem; line-height:1.68; color:var(--text-secondary);
  margin:0 0 14px; font-style:italic; }
.sb-prova-est { color:var(--accent); font-size:.9rem; letter-spacing:2px; margin-bottom:10px; }
.sb-prova-selos { display:flex; flex-wrap:wrap; gap:10px 22px; justify-content:center;
  margin-top:24px; font-size:.85rem; color:var(--text-secondary); }
.sb-prova-selos span { display:inline-flex; align-items:center; gap:8px; }
.sb-prova-selos svg { width:17px; height:17px; color:var(--accent); flex:none; }
@media (max-width:820px){ .sb-prova{grid-template-columns:1fr} }