/* PADRÃO «INFO» — blocos das páginas informativas (piloto de 24/10/2026), inspirados na premium-nr01.html,
   SEM preço, garantia, checkout nem evento de compra. Vai na raiz do site como info.css e é carregado só nas páginas elevadas.
   Usa as variáveis do style.css (--navy, --gold, --blue, --bg-soft, --line, --header-h). */

h2[id], h3[id] { scroll-margin-top: calc(var(--header-h, 116px) + 16px); }

/* Sumário «Nesta página» */
.info-toc { background: var(--bg-soft, #F5F7FB); border: 1px solid var(--line, #E6E9F0); border-left: 4px solid var(--gold, #F0C738); border-radius: 12px; padding: 18px 22px; margin: 0 0 30px; }
.info-toc .info-toc-t { margin: 0 0 10px; font: 700 .78rem Consolas, 'Courier New', monospace; letter-spacing: .12em; text-transform: uppercase; color: var(--muted, #5A6275); }
.info-toc ol { margin: 0; padding: 0; list-style: none; counter-reset: it; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 4px 24px; }
.info-toc li { counter-increment: it; }
.info-toc a { display: flex; gap: 10px; align-items: baseline; min-height: 44px; padding: 8px 0; color: var(--blue, #0F62AC); text-decoration: none; font-weight: 600; line-height: 1.3; border-bottom: 1px solid var(--line, #E6E9F0); }
.info-toc a::before { content: counter(it, decimal-leading-zero); font: 700 .78rem Consolas, monospace; color: var(--gold-ink, #8A6910); }
.info-toc a:hover { color: var(--navy, #101535); }

/* Autoridade: quem assina */
.info-aut { display: flex; flex-wrap: wrap; gap: 24px 32px; align-items: center; background: linear-gradient(120deg, var(--navy-800, #0B0F28), var(--navy, #101535)); color: #fff; border-radius: 18px; padding: 30px; }
.info-aut img { flex: 0 0 auto; width: 104px; height: 104px; object-fit: contain; }
.info-aut .tx { flex: 1 1 340px; min-width: 0; }
.info-aut .eyebrow { color: var(--gold, #F0C738); }
.info-aut h2 { margin: 8px 0 10px; color: #fff; font-size: 1.35rem; }
.info-aut p { margin: 0; color: var(--navy-texto, #CDD4EC); line-height: 1.6; }
.info-aut a { color: var(--gold, #F0C738); font-weight: 700; }
.info-aut .links { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 8px 20px; }

/* Continue por aqui */
.info-rel h2 { margin: 0 0 18px; font-size: 1.35rem; }
.info-rel ul { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px; }
.info-rel a { display: block; height: 100%; padding: 22px 20px; border: 1px solid var(--line, #E6E9F0); border-top: 3px solid var(--gold, #F0C738); border-radius: var(--radius, 14px); background: #fff; color: var(--ink, #1B2030); text-decoration: none; transition: transform .25s, box-shadow .25s; }
.info-rel a:hover { transform: translateY(-3px); box-shadow: var(--shadow, 0 14px 40px rgba(16,21,53,.10)); }
.info-rel .tipo { display: block; font: 700 .72rem Consolas, monospace; letter-spacing: .1em; text-transform: uppercase; color: var(--gold-ink, #8A6910); }
.info-rel strong { display: block; margin-top: 6px; font-family: 'Montserrat', sans-serif; color: var(--navy, #101535); line-height: 1.3; }
.info-rel span.d { display: block; margin-top: 6px; color: var(--muted, #5A6275); font-size: .92rem; line-height: 1.45; }

/* Barra fixa de contato no celular (sem venda: só diagnóstico e WhatsApp) */
.info-barra { display: none; }
@media (max-width: 719px) {
  .info-barra { display: flex; gap: 10px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 80; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: rgba(16,21,53,.97); border-top: 1px solid rgba(255,255,255,.14); }
  .info-barra .btn { flex: 1 1 0; justify-content: center; min-height: 48px; padding: 0 10px; font-size: .9rem; }
  body:has(.info-barra) { padding-bottom: 72px; }
  body:has(.info-barra) .floaters { bottom: 88px; }
}

/* ===== Cartões no padrão visual das páginas Premium (sem preço, garantia nem venda) ===== */

/* faixa de números (como .pk-stats) */
.info-faixa { background: var(--bg-soft, #F5F7FB); border-top: 1px solid var(--line, #E6E9F0); border-bottom: 1px solid var(--line, #E6E9F0); padding: 26px 0; }
.info-stats { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 14px; }
.info-stats li { background: #fff; border: 1px solid var(--line, #E6E9F0); border-top: 3px solid var(--gold, #F0C738); border-radius: 12px; padding: 14px 18px; }
.info-stats b { display: block; font-family: 'Montserrat', sans-serif; font-size: 1.75rem; color: var(--navy, #101535); line-height: 1; }
.info-stats span { display: block; margin-top: 6px; font-size: .84rem; color: var(--muted, #5A6275); line-height: 1.35; }

/* passos numerados (como .pk-passos) */
.info-passos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 22px; }
.info-passos li { background: #fff; border: 1px solid var(--line, #E6E9F0); border-radius: 12px; padding: 24px 22px; }
.info-passos .n { width: 36px; height: 36px; border-radius: 10px; background: var(--navy, #101535); color: var(--gold, #F0C738); display: grid; place-items: center; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-bottom: 13px; }
.info-passos b { display: block; font-family: 'Montserrat', sans-serif; color: var(--navy, #101535); font-size: 1rem; margin-bottom: 7px; }
.info-passos span { font-size: .9rem; color: var(--muted, #5A6275); line-height: 1.55; }

/* outros serviços (como .pk-outras) */
.info-outras { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 16px; }
.info-outras a { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 5px; background: #fff; border: 1px solid var(--line, #E6E9F0); border-radius: 14px; padding: 24px 14px; text-decoration: none; min-height: 44px; transition: transform .3s var(--ease, ease), border-color .3s var(--ease, ease), box-shadow .3s var(--ease, ease); }
.info-outras a:hover { transform: translateY(-5px); border-color: var(--gold, #F0C738); box-shadow: var(--shadow, 0 14px 40px rgba(16,21,53,.10)); }
.info-outras i { font-size: 1.5rem; color: var(--gold-600, #D4A91E); margin-bottom: 6px; }
.info-outras b { font-family: 'Montserrat', sans-serif; color: var(--navy, #101535); font-size: 1.02rem; }
.info-outras span { font-size: .82rem; color: var(--muted, #5A6275); line-height: 1.35; }
.info-outras a.is-todas { background: var(--navy, #101535); border-color: var(--navy, #101535); }
.info-outras a.is-todas i { color: var(--gold, #F0C738); }
.info-outras a.is-todas b { color: #fff; }
.info-outras a.is-todas span { color: rgba(255,255,255,.72); }
@media (prefers-reduced-motion: reduce) { .info-outras a:hover, .info-rel a:hover { transform: none; } }

/* Firefox antigo (sem :has): reserva o espaço da barra fixa no fim da página, nas páginas que carregam este CSS */
@media (max-width: 719px) { .footer { padding-bottom: 88px; } }