/* Minera Forte · sistema visual
   Preto quente, ouro como sinal, vermelho do ímã só para urgência. Uma família: Archivo. */
@font-face { font-family: "Archivo"; font-weight: 400; font-display: swap; src: url("fontes/archivo-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Archivo"; font-weight: 500; font-display: swap; src: url("fontes/archivo-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Archivo"; font-weight: 600; font-display: swap; src: url("fontes/archivo-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Archivo"; font-weight: 700; font-display: swap; src: url("fontes/archivo-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Archivo"; font-weight: 800; font-display: swap; src: url("fontes/archivo-latin-800-normal.woff2") format("woff2"); }

:root {
  --bg: #0F0E0C; --bg-2: #161512; --bg-3: #1F1D19; --linha: #2C2924; --linha-forte: #3D3932;
  --texto: #F4F0E8; --texto-2: #ABA396; --texto-3: #7E776B;
  --ouro: #F2A900; --ouro-claro: #FFC53D; --ouro-texto: #FFCB52; --ouro-fundo: #2A2210;
  --vermelho: #E5272F; --vermelho-texto: #FF8D91; --vermelho-fundo: #2C1415;
  --ok: #46C47A; --ok-fundo: #142519;
  --r-1: 6px; --r-2: 10px; --r-3: 14px;
  --e-1: 4px; --e-2: 8px; --e-3: 12px; --e-4: 16px; --e-5: 24px; --e-6: 32px; --e-7: 48px; --e-8: 72px; --e-9: 112px;
  --t-1: 13px; --t-2: 15px; --t-3: 17px; --t-4: 20px; --t-5: 26px; --t-6: clamp(32px, 4.4vw, 46px); --t-7: clamp(40px, 6.4vw, 76px);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { font-family: "Archivo", system-ui, sans-serif; font-size: 16px; line-height: 1.55; color: var(--texto); background: var(--bg); -webkit-font-smoothing: antialiased; min-height: 100dvh; display: flex; flex-direction: column; }
main { flex: 1; }
a { color: var(--ouro-texto); text-underline-offset: 3px; }
img { max-width: 100%; display: block; }
h1, h2, h3 { font-weight: 800; letter-spacing: -0.02em; line-height: 1.08; }
h1 { font-size: var(--t-6); margin-bottom: var(--e-3); }
h2 { font-size: var(--t-5); margin-bottom: var(--e-3); }
h3 { font-size: var(--t-3); font-weight: 700; letter-spacing: -0.01em; line-height: 1.25; }
p { max-width: 68ch; }
code { font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; }
:focus-visible { outline: 2px solid var(--ouro); outline-offset: 3px; border-radius: 4px; }
::selection { background: var(--ouro); color: #17140C; }

.container { width: 100%; max-width: 1160px; margin: 0 auto; padding: 0 var(--e-4); }
.estreito { max-width: 480px; }
.suave { color: var(--texto-2); }
.pequeno { font-size: var(--t-1); }
.centro { text-align: center; margin-left: auto; margin-right: auto; }
.ouro { color: var(--ouro); }
.num { font-variant-numeric: tabular-nums; }

/* Botões */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--e-2); min-height: 44px; padding: 0 var(--e-4); border-radius: var(--r-2); border: 1px solid var(--linha-forte); background: transparent; color: var(--texto); font: inherit; font-weight: 600; font-size: var(--t-2); text-decoration: none; cursor: pointer; transition: background .15s ease, border-color .15s ease, color .15s ease; white-space: nowrap; }
.btn:hover { background: var(--bg-3); border-color: #57514A; }
.btn:active { transform: translateY(1px); }
.btn-principal { background: var(--ouro); border-color: var(--ouro); color: #17140C; }
.btn-principal:hover { background: var(--ouro-claro); border-color: var(--ouro-claro); }
.btn-escuro { background: #17140C; border-color: #17140C; color: var(--texto); }
.btn-escuro:hover { background: #2B2518; border-color: #2B2518; }
.btn-perigo { border-color: transparent; color: var(--vermelho-texto); }
.btn-perigo:hover { background: var(--vermelho-fundo); border-color: transparent; }
.btn-texto { border-color: transparent; padding: 0 var(--e-2); color: var(--texto-2); }
.btn-texto:hover { color: var(--texto); background: var(--bg-3); border-color: transparent; }
.btn-grande { min-height: 54px; font-size: var(--t-3); padding: 0 var(--e-5); }

/* Formulários */
label { display: flex; flex-direction: column; gap: 6px; font-size: var(--t-1); font-weight: 600; color: var(--texto-2); }
input, select, textarea { font: inherit; font-size: 16px; color: var(--texto); background: var(--bg); border: 1px solid var(--linha-forte); border-radius: var(--r-2); padding: 0 var(--e-3); min-height: 46px; width: 100%; transition: border-color .15s; }
textarea { padding: var(--e-3); min-height: 72px; resize: vertical; line-height: 1.45; }
input::placeholder, textarea::placeholder { color: var(--texto-3); }
input:hover, select:hover, textarea:hover { border-color: #57514A; }
input:focus, select:focus, textarea:focus { border-color: var(--ouro); outline: none; }
.form { display: flex; flex-direction: column; gap: var(--e-4); }
.form .btn-grande { width: 100%; }
.form h2 { font-size: var(--t-3); margin: var(--e-3) 0 0; }
.grade-campos { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--e-4); margin-bottom: var(--e-5); }

/* Blocos */
.cartao { background: var(--bg-2); border: 1px solid var(--linha); border-radius: var(--r-3); padding: var(--e-5); margin-bottom: var(--e-4); }
.cartao > h2 { font-size: var(--t-4); }
.secao-linha { border-top: 1px solid var(--linha); padding: var(--e-5) 0; }
.aviso { border-radius: var(--r-2); padding: var(--e-3) var(--e-4); margin-bottom: var(--e-4); font-weight: 500; border: 1px solid; }
.aviso-ok { background: var(--ok-fundo); border-color: #24452F; color: #9BE3B8; }
.aviso-erro { background: var(--vermelho-fundo); border-color: #4A2224; color: var(--vermelho-texto); }
.vazio { border: 1px dashed var(--linha-forte); border-radius: var(--r-3); padding: var(--e-7) var(--e-5); text-align: center; color: var(--texto-2); }
.vazio strong { display: block; color: var(--texto); font-size: var(--t-3); margin-bottom: var(--e-1); }
.vazio p { margin: 0 auto; }

/* Barra do topo e rodapé */
.barra-topo { position: sticky; top: 0; z-index: 20; background: rgba(15, 14, 12, .94); border-bottom: 1px solid var(--linha); }
.barra-topo-linha { display: flex; align-items: center; justify-content: space-between; gap: var(--e-4); min-height: 68px; }
.logo-topo { height: 40px; width: auto; }
.abas-site { display: flex; align-items: center; gap: var(--e-1); }
.abas-site a:not(.btn) { color: var(--texto-2); text-decoration: none; padding: 0 var(--e-3); min-height: 44px; display: inline-flex; align-items: center; border-radius: var(--r-2); font-weight: 500; }
.abas-site a:not(.btn):hover { color: var(--texto); }
.abas-site a.ativa { color: var(--texto); box-shadow: inset 0 -2px 0 var(--ouro); border-radius: 0; }
.rodape-site { border-top: 1px solid var(--linha); padding: var(--e-6) 0 var(--e-7); color: var(--texto-3); font-size: var(--t-1); }
.rodape-linha { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--e-5); flex-wrap: wrap; }
.rodape-site a { color: var(--texto-2); text-decoration: none; }
.rodape-site a:hover { color: var(--texto); }
.rodape-links { display: flex; gap: var(--e-4); flex-wrap: wrap; }
.logo-rodape { height: 30px; width: auto; margin-bottom: var(--e-2); }

/* Página de vendas */
.hero { display: grid; grid-template-columns: 1.05fr 1fr; gap: var(--e-7); align-items: center; padding-top: var(--e-8); padding-bottom: var(--e-8); }
.hero h1 { font-size: var(--t-7); letter-spacing: -0.035em; line-height: .98; margin-bottom: var(--e-5); }
.hero h1 em { font-style: normal; color: var(--ouro); }
.hero-sub { font-size: var(--t-4); line-height: 1.45; color: var(--texto-2); margin-bottom: var(--e-6); max-width: 34ch; }
.hero-acoes { display: flex; gap: var(--e-3); flex-wrap: wrap; margin-bottom: var(--e-5); }
.hero-fatos { display: flex; flex-wrap: wrap; gap: var(--e-2) var(--e-5); color: var(--texto-2); font-size: var(--t-2); list-style: none; }
.hero-fatos li::before { content: ""; display: inline-block; width: 6px; height: 6px; background: var(--ouro); margin-right: var(--e-2); vertical-align: middle; transform: translateY(-1px); }
/* Amostra da tela do produto */
.amostra { background: var(--bg-2); border: 1px solid var(--linha); border-radius: var(--r-3); overflow: hidden; transform: rotate(-1.2deg); }
.amostra-topo { display: flex; justify-content: space-between; align-items: center; padding: var(--e-3) var(--e-4); border-bottom: 1px solid var(--linha); font-weight: 700; }
.amostra-topo span { font-weight: 500; font-size: var(--t-1); color: var(--texto-3); }
.amostra-total { padding: var(--e-4); border-bottom: 1px solid var(--linha); display: flex; align-items: baseline; gap: var(--e-3); }
.amostra-total strong { font-size: 44px; font-weight: 800; line-height: 1; color: var(--ouro); font-variant-numeric: tabular-nums; }
.amostra-linha { display: grid; grid-template-columns: 1fr 64px 52px 92px; gap: var(--e-3); align-items: center; padding: var(--e-3) var(--e-4); border-bottom: 1px solid var(--linha); font-size: var(--t-2); }
.amostra-linha:last-child { border-bottom: 0; }
.amostra-linha.cab { color: var(--texto-3); font-size: var(--t-1); padding-top: var(--e-2); padding-bottom: var(--e-2); }
.amostra-linha b { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.amostra-linha .n { text-align: right; font-variant-numeric: tabular-nums; font-weight: 600; }
.tag { display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; border-radius: var(--r-1); padding: 3px 7px; background: var(--bg-3); color: var(--texto-2); }
.tag-zap { background: var(--ok-fundo); color: #8FDDB0; }
.tag-ouro { background: var(--ouro-fundo); color: var(--ouro-texto); }

.faixa-recursos { border-top: 1px solid var(--linha); border-bottom: 1px solid var(--linha); background: var(--bg-2); }
.recursos-grade { display: grid; grid-template-columns: 1fr 2fr; gap: var(--e-7); padding-top: var(--e-8); padding-bottom: var(--e-8); }
.recursos-grade > div:first-child h2 { font-size: var(--t-6); position: sticky; top: 100px; }
.recursos-lista { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--e-6); }
.recursos-lista li { border-top: 1px solid var(--linha); padding: var(--e-5) 0; }
.recursos-lista h3 { margin-bottom: var(--e-2); }
.recursos-lista p { color: var(--texto-2); }

.passos { padding-top: var(--e-8); padding-bottom: var(--e-8); }
.passos h2 { font-size: var(--t-6); margin-bottom: var(--e-6); }
.passos ol { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--e-5); counter-reset: p; }
.passos li { counter-increment: p; border-top: 2px solid var(--ouro); padding-top: var(--e-4); }
.passos li::before { content: "0" counter(p); display: block; font-size: 15px; font-weight: 800; color: var(--ouro); margin-bottom: var(--e-3); font-variant-numeric: tabular-nums; }
.passos li strong { display: block; font-size: var(--t-4); margin-bottom: var(--e-1); letter-spacing: -0.01em; }
.passos li span { color: var(--texto-2); }

.secao-planos { padding-bottom: var(--e-8); }
.secao-planos > h2 { font-size: var(--t-6); }
.planos { display: grid; grid-template-columns: 1fr 1fr; max-width: 820px; border: 1px solid var(--linha); border-radius: var(--r-3); overflow: hidden; margin: var(--e-6) 0 var(--e-4); }
.plano { padding: var(--e-6); display: flex; flex-direction: column; gap: var(--e-3); background: var(--bg-2); }
.plano + .plano { border-left: 1px solid var(--linha); }
.plano-destaque { background: var(--ouro-fundo); box-shadow: inset 0 3px 0 var(--ouro); }
.plano h3 { font-size: var(--t-4); }
.plano .economia { color: var(--ouro-texto); font-weight: 600; font-size: var(--t-2); }
.preco { font-size: 52px; font-weight: 800; line-height: 1; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; margin: var(--e-2) 0 var(--e-3); }
.preco span { font-size: var(--t-3); font-weight: 500; color: var(--texto-2); letter-spacing: 0; }
.preco small { font-size: 22px; vertical-align: top; margin-right: 4px; }
.plano .btn { margin-top: auto; }

.perguntas { padding-bottom: var(--e-8); }
.perguntas > * { max-width: 820px; }
.perguntas h2 { font-size: var(--t-6); margin-bottom: var(--e-5); }
.perguntas details { border-top: 1px solid var(--linha); }
.perguntas details:last-of-type { border-bottom: 1px solid var(--linha); }
.perguntas summary { list-style: none; cursor: pointer; padding: var(--e-4) 0; font-weight: 700; font-size: var(--t-3); display: flex; justify-content: space-between; gap: var(--e-4); min-height: 44px; }
.perguntas summary::-webkit-details-marker { display: none; }
.perguntas summary::after { content: "+"; color: var(--ouro); font-weight: 500; font-size: 24px; line-height: 1; }
.perguntas details[open] summary::after { content: "−"; }
.perguntas details p { color: var(--texto-2); padding-bottom: var(--e-4); }

.chamada-final { background: var(--ouro); color: #17140C; }
.chamada-final .container { display: flex; align-items: center; justify-content: space-between; gap: var(--e-5); padding-top: var(--e-7); padding-bottom: var(--e-7); flex-wrap: wrap; }
.chamada-final h2 { font-size: var(--t-6); margin: 0; max-width: 18ch; }

/* Login e cadastro */
.pagina-form { display: grid; grid-template-columns: 1fr 1fr; min-height: 100dvh; }
.pagina-form-lado { background: var(--bg-2); border-right: 1px solid var(--linha); padding: var(--e-7) var(--e-6); display: flex; flex-direction: column; justify-content: space-between; gap: var(--e-6); }
.pagina-form-lado h2 { font-size: var(--t-6); max-width: 14ch; }
.pagina-form-lado ul { list-style: none; display: grid; gap: var(--e-3); color: var(--texto-2); }
.pagina-form-lado li::before { content: ""; display: inline-block; width: 6px; height: 6px; background: var(--ouro); margin-right: var(--e-3); vertical-align: middle; }
.pagina-form-caixa { display: flex; align-items: center; justify-content: center; padding: var(--e-7) var(--e-4); }
.pagina-form-caixa .form { width: 100%; max-width: 420px; }
.pagina-form-caixa h1 { font-size: var(--t-5); }
.logo-form { width: 200px; }

/* Painel do cliente */
.painel { padding-top: var(--e-5); padding-bottom: var(--e-8); }
.status { display: flex; align-items: center; justify-content: space-between; gap: var(--e-4); flex-wrap: wrap; border: 1px solid var(--linha); border-left: 3px solid var(--ok); border-radius: var(--r-2); padding: var(--e-3) var(--e-4); margin-bottom: var(--e-5); background: var(--bg-2); font-weight: 600; }
.status-alerta { border-left-color: var(--vermelho); background: var(--vermelho-fundo); }
.status-erro { border-left-color: var(--vermelho); }
.painel-grade { display: grid; grid-template-columns: 1.4fr 1fr; gap: var(--e-4); align-items: start; }
.chave-linha { display: flex; gap: var(--e-2); align-items: stretch; flex-wrap: wrap; margin: var(--e-4) 0 var(--e-3); }
.chave-linha code { flex: 1; min-width: 240px; display: flex; align-items: center; background: var(--bg); border: 1px solid var(--linha-forte); color: var(--ouro-texto); border-radius: var(--r-2); padding: var(--e-3) var(--e-4); font-size: 19px; letter-spacing: .06em; word-break: break-all; }
.linha-acao { display: flex; align-items: center; gap: var(--e-3); flex-wrap: wrap; border-top: 1px solid var(--linha); padding-top: var(--e-4); margin-top: var(--e-4); }
.painel .planos { grid-template-columns: 1fr 1fr; margin: var(--e-4) 0 var(--e-3); max-width: none; }
.painel .plano { padding: var(--e-5); }
.painel .preco { font-size: 40px; }

.ofertas-layout { display: grid; grid-template-columns: 240px 1fr; gap: var(--e-6); align-items: start; }
.pastas { display: flex; flex-direction: column; gap: 2px; position: sticky; top: 92px; }
.pastas h2 { font-size: var(--t-1); color: var(--texto-3); font-weight: 600; letter-spacing: 0; margin-bottom: var(--e-2); }
.pastas > a { display: flex; justify-content: space-between; align-items: center; min-height: 40px; padding: 0 var(--e-3); border-radius: var(--r-1); color: var(--texto-2); text-decoration: none; font-weight: 500; }
.pastas > a span { color: var(--texto-3); font-variant-numeric: tabular-nums; font-size: var(--t-1); }
.pastas > a:hover { background: var(--bg-2); color: var(--texto); }
.pastas > a.ativa { background: var(--bg-3); color: var(--texto); box-shadow: inset 2px 0 0 var(--ouro); }
.pastas form { margin-top: var(--e-2); }
.nova-pasta { display: flex; gap: var(--e-2); margin-top: var(--e-4); border-top: 1px solid var(--linha); padding-top: var(--e-4); }
.nova-pasta input { min-width: 0; min-height: 40px; }
.nova-pasta .btn { min-height: 40px; }
.busca { display: flex; gap: var(--e-2); margin-bottom: var(--e-4); }
.lista-ofertas { min-width: 0; }
.oferta { display: grid; grid-template-columns: 88px 1fr; gap: var(--e-4); padding: var(--e-5) 0; border-top: 1px solid var(--linha); }
.oferta:last-child { border-bottom: 1px solid var(--linha); }
.oferta-thumb { position: relative; width: 88px; height: 88px; border-radius: var(--r-2); background: var(--bg-3); display: grid; place-items: center; font-size: 28px; font-weight: 800; color: var(--texto-3); overflow: hidden; }
.oferta-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.oferta-corpo { display: flex; flex-direction: column; gap: var(--e-3); min-width: 0; }
.oferta-cab { display: flex; justify-content: space-between; gap: var(--e-3); align-items: flex-start; flex-wrap: wrap; }
.oferta-cab h3 { font-size: var(--t-3); }
.trecho { color: var(--texto-2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.numeros { display: flex; gap: var(--e-6); flex-wrap: wrap; }
.numeros dt { font-size: var(--t-1); color: var(--texto-3); }
.numeros dd { font-size: 22px; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1.2; }
.numeros dd.palavra { font-size: var(--t-2); font-weight: 600; line-height: 1.9; }
.acoes { display: flex; gap: var(--e-2); flex-wrap: wrap; }
.oferta-forms { display: flex; gap: var(--e-2); flex-wrap: wrap; align-items: center; }
.oferta-forms select { width: auto; min-height: 40px; }
.oferta-forms .btn { min-height: 40px; }
.nota { display: flex; gap: var(--e-2); align-items: flex-start; }
.nota textarea { min-height: 46px; }

.tabela { width: 100%; border-collapse: collapse; font-size: var(--t-2); }
.tabela th { text-align: left; color: var(--texto-3); font-weight: 600; font-size: var(--t-1); padding: var(--e-2) var(--e-3); border-bottom: 1px solid var(--linha); white-space: nowrap; }
.tabela td { padding: var(--e-3); border-bottom: 1px solid var(--linha); vertical-align: top; }
.tabela tr:hover td { background: rgba(255, 255, 255, .015); }
.etiqueta { display: inline-block; border-radius: var(--r-1); padding: 2px 8px; font-size: 12px; font-weight: 700; background: var(--bg-3); color: var(--texto-2); }
.etiqueta-ativo, .etiqueta-teste { background: var(--ok-fundo); color: #8FDDB0; }
.etiqueta-carencia { background: var(--ouro-fundo); color: var(--ouro-texto); }
.etiqueta-expirado, .etiqueta-bloqueado, .etiqueta-sem_teste { background: var(--vermelho-fundo); color: var(--vermelho-texto); }
details summary { cursor: pointer; color: var(--texto-2); }
.pre { white-space: pre-wrap; word-break: break-all; font-size: 12px; max-height: 260px; overflow: auto; background: var(--bg); border: 1px solid var(--linha); padding: var(--e-3); border-radius: var(--r-2); margin-top: var(--e-2); }

/* Ofertas da semana */
.semana-topo { display: flex; justify-content: space-between; align-items: flex-end; gap: var(--e-4); flex-wrap: wrap; margin-bottom: var(--e-4); }
.semana-topo p { color: var(--texto-2); }
.destaques { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: var(--e-4); }
.destaque { background: var(--bg-2); border: 1px solid var(--linha); border-radius: var(--r-3); overflow: hidden; display: flex; flex-direction: column; }
.destaque-midia { position: relative; aspect-ratio: 16 / 9; background: var(--bg-3); display: grid; place-items: center; font-size: 40px; font-weight: 800; color: var(--texto-3); }
.destaque-midia img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.destaque-midia .tag { position: absolute; top: var(--e-3); left: var(--e-3); }
.destaque-corpo { padding: var(--e-4); display: flex; flex-direction: column; gap: var(--e-3); flex: 1; }
.destaque-corpo .acoes { margin-top: auto; }
.destaque-obs { border-left: 2px solid var(--ouro); padding-left: var(--e-3); color: var(--texto); font-size: var(--t-2); }

/* Admin */
.admin { display: grid; grid-template-columns: 232px 1fr; min-height: 100dvh; }
.admin-menu { background: var(--bg-2); border-right: 1px solid var(--linha); padding: var(--e-5) var(--e-3); position: sticky; top: 0; height: 100dvh; overflow-y: auto; }
.logo-admin { width: 160px; margin: 0 var(--e-2) var(--e-1); }
.admin-menu .versao { color: var(--texto-3); font-size: var(--t-1); margin: 0 var(--e-2) var(--e-5); }
.admin-menu nav { display: flex; flex-direction: column; gap: 2px; }
.admin-menu nav a { color: var(--texto-2); text-decoration: none; min-height: 40px; display: flex; align-items: center; padding: 0 var(--e-3); border-radius: var(--r-1); font-weight: 500; }
.admin-menu nav a:hover { background: var(--bg-3); color: var(--texto); }
.admin-menu nav a.ativa { background: var(--bg-3); color: var(--texto); box-shadow: inset 2px 0 0 var(--ouro); }
.admin-conteudo { padding: var(--e-6); min-width: 0; }
.admin-conteudo > h1 { font-size: var(--t-5); margin-bottom: var(--e-5); }
.cards-numeros { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); border: 1px solid var(--linha); border-radius: var(--r-3); overflow: hidden; margin-bottom: var(--e-5); background: var(--bg-2); }
.cards-numeros div { padding: var(--e-4) var(--e-5); border-right: 1px solid var(--linha); }
.cards-numeros div:last-child { border-right: 0; }
.cards-numeros span { color: var(--texto-3); font-size: var(--t-1); font-weight: 600; }
.cards-numeros strong { display: block; font-size: 30px; font-weight: 800; font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
.acoes-admin { display: flex; gap: var(--e-1); flex-wrap: wrap; }
.acoes-admin .btn { min-height: 34px; padding: 0 var(--e-3); font-size: var(--t-1); }
.area-upload { display: flex; flex-direction: column; align-items: center; gap: var(--e-2); border: 1.5px dashed var(--ouro); background: var(--ouro-fundo); border-radius: var(--r-3); padding: var(--e-7) var(--e-5); text-align: center; cursor: pointer; margin-bottom: var(--e-3); }
.area-upload input { display: none; }
.area-upload strong { font-size: var(--t-4); }
.area-upload.arrastando { border-style: solid; background: #3A2E12; }
.nome-arquivo { color: var(--ouro-texto); font-weight: 600; }
.linha-form { display: flex; gap: var(--e-3); align-items: center; flex-wrap: wrap; }
.linha-form h2 { width: 100%; }
.linha-form select { width: auto; min-width: 260px; }
.form-largo .btn-grande { margin-top: var(--e-2); }

.texto-legal { max-width: 760px; padding-top: var(--e-7); padding-bottom: var(--e-8); }
.texto-legal h2 { font-size: var(--t-4); margin-top: var(--e-6); }
.texto-legal ul { padding-left: 22px; display: grid; gap: var(--e-2); }
.texto-legal p, .texto-legal li { color: #D4CEC3; margin-top: var(--e-2); }

@media (max-width: 900px) {
  .hero, .recursos-grade, .painel-grade, .pagina-form { grid-template-columns: 1fr; }
  .hero { padding-top: var(--e-6); gap: var(--e-6); }
  .amostra { transform: none; }
  .recursos-grade > div:first-child h2 { position: static; }
  .recursos-lista, .passos ol { grid-template-columns: 1fr; }
  .planos, .painel .planos { grid-template-columns: 1fr; }
  .plano + .plano { border-left: 0; border-top: 1px solid var(--linha); }
  .pagina-form-lado { background: none; border: 0; padding: var(--e-5) var(--e-4) 0; }
  .pagina-form-lado > div, .pagina-form-lado > p { display: none; }
  .pagina-form-caixa { align-items: flex-start; padding-top: var(--e-5); }
  .ofertas-layout, .admin { grid-template-columns: 1fr; }
  .pastas { position: static; }
  .admin-menu { position: static; height: auto; }
  .admin-menu nav { flex-direction: row; flex-wrap: wrap; }
  .admin-conteudo { padding: var(--e-5) var(--e-4); }
  .tabela { display: block; overflow-x: auto; }
  .abas-site a:not(.btn):not(.ativa) { display: none; }
  .barra-topo-linha { min-height: 60px; }
  .logo-topo { height: 34px; }
}
@media (max-width: 520px) {
  .oferta { grid-template-columns: 64px 1fr; }
  .oferta-thumb { width: 64px; height: 64px; }
  .amostra-linha { grid-template-columns: 1fr 48px 40px 80px; font-size: var(--t-1); }
  .hero-acoes .btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; scroll-behavior: auto !important; } }

/* Seções de recurso no estilo página de vendas */
.pergunta-forte { border-top: 1px solid var(--linha); border-bottom: 1px solid var(--linha); background: var(--bg-2); }
.pergunta-forte p { max-width: 30ch; margin: 0 auto; text-align: center; font-size: clamp(24px, 3.2vw, 36px); font-weight: 800; letter-spacing: -0.02em; line-height: 1.15; padding: var(--e-8) 0; }
.recursos { display: flex; flex-direction: column; gap: var(--e-9); padding-top: var(--e-8); padding-bottom: var(--e-8); }
.recurso { display: grid; grid-template-columns: 1fr 1.15fr; gap: var(--e-7); align-items: center; }
.recurso.invertido .recurso-texto { order: 2; }
.recurso-texto h2 { font-size: var(--t-6); margin-bottom: var(--e-4); }
.recurso-texto > p { color: var(--texto-2); font-size: var(--t-3); margin-bottom: var(--e-5); }
.recurso-texto .btn { margin-top: var(--e-5); }
.recurso-imagem { border: 1px solid var(--linha-forte); border-radius: var(--r-3); overflow: hidden; background: var(--bg-2); }
.recurso-imagem img { width: 100%; height: auto; }
.recurso-imagem.estreita { max-width: 420px; justify-self: center; transform: rotate(1deg); }
.lista-check { list-style: none; display: grid; gap: var(--e-3); }
.lista-check li { display: flex; gap: var(--e-3); align-items: baseline; }
.lista-check li::before { content: ""; flex: none; width: 14px; height: 8px; border-left: 2.5px solid var(--ouro); border-bottom: 2.5px solid var(--ouro); transform: rotate(-45deg) translateY(-3px); }
.lista-check.pequena { gap: var(--e-2); font-size: var(--t-2); margin: var(--e-2) 0; }
.garantia { background: var(--bg-2); border-top: 1px solid var(--linha); border-bottom: 1px solid var(--linha); margin-bottom: var(--e-8); }
.garantia-linha { display: flex; align-items: center; gap: var(--e-6); padding-top: var(--e-7); padding-bottom: var(--e-7); }
.garantia h2 { font-size: var(--t-6); }
.garantia p { color: var(--texto-2); font-size: var(--t-3); }
.selo-garantia { flex: none; width: 128px; height: 128px; border-radius: 50%; border: 3px solid var(--ouro); display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--ouro-texto); font-weight: 700; line-height: 1; }
.selo-garantia span { font-size: 54px; font-weight: 800; color: var(--ouro); }
@media (max-width: 900px) {
  .recurso { grid-template-columns: 1fr; gap: var(--e-5); }
  .recurso.invertido .recurso-texto { order: 0; }
  .recursos { gap: var(--e-8); }
  .recurso-texto .btn { width: 100%; }
  .recurso-imagem.estreita { transform: none; }
  .garantia-linha { flex-direction: column; align-items: flex-start; }
  .selo-garantia { width: 96px; height: 96px; }
  .selo-garantia span { font-size: 40px; }
}

/* ---------- Painel: Início ---------- */
.ini-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--e-5); flex-wrap: wrap; padding: var(--e-5) 0 var(--e-5); }
.ini-hero h1 { font-size: clamp(26px, 3.2vw, 38px); margin: 0; max-width: 24ch; }
.ini-ola { color: var(--ouro-texto); font-weight: 700; font-size: var(--t-2); margin-bottom: var(--e-2); }
.ini-plano-pill { display: flex; align-items: center; gap: var(--e-3); background: var(--bg-2); border: 1px solid var(--linha); border-radius: 999px; padding: 10px 20px 10px 16px; }
.ini-plano-pill .ponto { width: 10px; height: 10px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 0 4px var(--ok-fundo); flex: none; }
.ini-plano-pill div { display: flex; flex-direction: column; line-height: 1.25; }
.ini-plano-pill strong { font-size: var(--t-2); }
.ini-plano-pill span { font-size: var(--t-1); color: var(--texto-2); }
.ini-alerta .ponto, .ini-erro .ponto { background: var(--vermelho); box-shadow: 0 0 0 4px var(--vermelho-fundo); }
.ini-alerta { border-color: var(--vermelho); }
.ini-numeros { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--e-3); margin-bottom: var(--e-4); }
.ini-num { background: var(--bg-2); border: 1px solid var(--linha); border-radius: var(--r-3); padding: var(--e-4) var(--e-5); display: flex; flex-direction: column; gap: 2px; text-decoration: none; color: var(--texto); transition: border-color .15s ease, background .15s ease; }
a.ini-num:hover { border-color: var(--linha-forte); background: var(--bg-3); }
.ini-num strong { font-size: 34px; font-weight: 800; line-height: 1.1; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.ini-num:first-child strong { color: var(--ouro); }
.ini-num span { font-size: var(--t-1); color: var(--texto-2); }
.ini-grade { display: grid; grid-template-columns: 1.5fr 1fr; gap: var(--e-4); align-items: start; }
.ini-col > .cartao { margin-bottom: var(--e-4); }
.ini-cab { display: flex; align-items: center; justify-content: space-between; gap: var(--e-3); margin-bottom: var(--e-3); }
.ini-cab h2 { font-size: var(--t-4); margin: 0; }
.ini-ver { font-size: var(--t-2); font-weight: 600; }
.ini-barra { height: 6px; border-radius: 99px; background: var(--bg-3); overflow: hidden; margin: var(--e-2) 0 var(--e-4); }
.ini-barra i { display: block; height: 100%; background: var(--ouro); border-radius: 99px; }
.ini-passos ol { list-style: none; display: flex; flex-direction: column; gap: var(--e-3); }
.ini-passos li { display: flex; gap: var(--e-3); align-items: flex-start; }
.ini-passos .marca { width: 28px; height: 28px; border-radius: 50%; border: 2px solid var(--linha-forte); display: grid; place-items: center; font-size: 13px; font-weight: 800; color: var(--texto-2); flex: none; }
.ini-passos li.feito .marca { background: var(--ouro); border-color: var(--ouro); color: #17140C; }
.ini-passos li.feito strong { color: var(--texto-2); text-decoration: line-through; text-decoration-color: var(--texto-3); }
.ini-estado { font-size: var(--t-1); font-weight: 600; color: var(--texto-2); display: inline-flex; align-items: center; gap: 6px; }
.ini-estado::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--texto-3); }
.ini-estado.on { color: #8FDDB0; } .ini-estado.on::before { background: var(--ok); }
.ini-chave .chave-linha { margin-top: 0; }
.ini-link { padding: 0; min-height: 32px; color: var(--ouro-texto); text-decoration: underline; text-underline-offset: 3px; margin-top: var(--e-2); }
.ini-link:hover { background: none; color: var(--ouro-claro); }
.ini-garimpo { list-style: none; display: flex; flex-direction: column; }
.ini-garimpo li { display: grid; grid-template-columns: 48px 1fr auto; gap: var(--e-3); align-items: center; padding: var(--e-3) 0; border-top: 1px solid var(--linha); }
.ini-garimpo li:first-child { border-top: 0; padding-top: 0; }
.ini-garimpo strong { display: block; font-size: var(--t-2); }
.ini-garimpo .btn { min-height: 36px; font-size: var(--t-1); }
.ini-thumb { width: 48px; height: 48px; border-radius: var(--r-2); background: var(--bg-3); position: relative; overflow: hidden; display: grid; place-items: center; font-weight: 800; color: var(--texto-2); }
.ini-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ini-seuplano h2 { font-size: var(--t-4); }
.ini-plano-nome { font-size: 24px; font-weight: 800; letter-spacing: -0.02em; color: var(--ouro-texto); }
.ini-planos { display: flex; flex-direction: column; gap: var(--e-2); margin: var(--e-4) 0 var(--e-3); }
.ini-plano-linha { display: flex; align-items: center; justify-content: space-between; gap: var(--e-3); border: 1px solid var(--linha); border-radius: var(--r-2); padding: var(--e-3) var(--e-4); }
.ini-plano-linha.ini-dest { border-color: #5A4512; background: var(--ouro-fundo); }
.ini-plano-linha div { display: flex; flex-direction: column; }
.ini-plano-linha strong { display: flex; align-items: center; gap: var(--e-2); }
.ini-plano-linha span:not(.tag) { font-size: var(--t-2); color: var(--texto-2); font-variant-numeric: tabular-nums; }
.ini-plano-linha .btn { min-height: 38px; }
.ini-atalhos { display: flex; flex-direction: column; gap: var(--e-2); }
.ini-atalhos h2 { font-size: var(--t-4); }
.ini-atalhos a { display: flex; flex-direction: column; text-decoration: none; color: var(--texto); border: 1px solid var(--linha); border-radius: var(--r-2); padding: var(--e-3) var(--e-4); transition: border-color .15s ease, background .15s ease; position: relative; }
.ini-atalhos a::after { content: '→'; position: absolute; right: var(--e-4); top: 50%; transform: translateY(-50%); color: var(--texto-3); }
.ini-atalhos a:hover { border-color: var(--linha-forte); background: var(--bg-3); }
.ini-atalhos a span { font-size: var(--t-1); color: var(--texto-2); }
@media (max-width: 900px) {
  .ini-grade { grid-template-columns: 1fr; }
  .ini-numeros { grid-template-columns: repeat(2, 1fr); }
  .ini-hero { align-items: flex-start; }
}
@media (max-width: 900px) {
  .barra-topo-linha:has(.abas-painel) { flex-wrap: wrap; height: auto; row-gap: 0; padding-top: var(--e-2); }
  .abas-painel { width: calc(100% + 2 * var(--e-4)); margin: 0 calc(-1 * var(--e-4)); padding: 0 var(--e-2); overflow-x: auto; scrollbar-width: none; }
  .abas-painel::-webkit-scrollbar { display: none; }
  .abas-painel a:not(.btn):not(.ativa) { display: inline-flex; white-space: nowrap; }
  .abas-painel a { white-space: nowrap; }
}

/* ---------- Página de vendas v2 ---------- */
.kicker { display: inline-block; font-size: var(--t-1); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ouro-texto); margin-bottom: var(--e-4); }
.hero .kicker { background: var(--ouro-fundo); border: 1px solid #5A4512; border-radius: 999px; padding: 6px 14px; letter-spacing: .04em; }
.hero h1 { font-size: clamp(38px, 5.4vw, 66px); }
.hero-print { justify-self: center; max-width: 440px; width: 100%; border: 1px solid var(--linha-forte); border-radius: var(--r-3); overflow: hidden; transform: rotate(1.5deg); box-shadow: 0 30px 80px rgba(0,0,0,.55), 0 0 0 8px rgba(242,169,0,.06); }
.hero-print img { width: 100%; height: auto; }

.garimpo-faixa { border-top: 1px solid var(--linha); border-bottom: 1px solid var(--linha); background: linear-gradient(180deg, var(--bg-2), var(--bg)); padding: var(--e-7) 0; overflow: hidden; }
.garimpo-cab { display: flex; justify-content: space-between; align-items: flex-end; gap: var(--e-5); flex-wrap: wrap; margin-bottom: var(--e-5); }
.garimpo-cab h2 { font-size: clamp(26px, 3.4vw, 40px); margin: 0; max-width: 22ch; }
.garimpo-cab > p { max-width: 36ch; }
.ao-vivo { display: inline-flex; align-items: center; gap: var(--e-2); font-size: var(--t-1); font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: var(--ouro-texto); margin-bottom: var(--e-3); }
.ao-vivo span { width: 9px; height: 9px; border-radius: 50%; background: var(--vermelho); box-shadow: 0 0 0 0 rgba(229,39,47,.6); animation: aoVivo 1.6s infinite; }
@keyframes aoVivo { 70% { box-shadow: 0 0 0 10px rgba(229,39,47,0); } 100% { box-shadow: 0 0 0 0 rgba(229,39,47,0); } }
.gar-trilho { overflow: hidden; margin-bottom: var(--e-5); -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.gar-fita { display: flex; gap: var(--e-3); width: max-content; animation: rolar 60s linear infinite; padding: var(--e-1) 0; }
.gar-trilho:hover .gar-fita { animation-play-state: paused; }
@keyframes rolar { to { transform: translateX(-50%); } }
.gar-card { width: 280px; flex: none; background: var(--bg-2); border: 1px solid var(--linha); border-radius: var(--r-3); padding: var(--e-4); display: flex; flex-direction: column; gap: var(--e-3); }
.gar-topo { display: flex; gap: var(--e-3); align-items: center; }
.gar-topo div { min-width: 0; display: flex; flex-direction: column; }
.gar-topo strong { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gar-topo span { font-size: var(--t-1); color: var(--texto-2); }
.gar-letra { width: 40px; height: 40px; border-radius: var(--r-2); background: var(--ouro-fundo); color: var(--ouro); display: grid; place-items: center; font-weight: 800; flex: none; }
.gar-num { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--linha); border-radius: var(--r-2); }
.gar-num div { padding: var(--e-2) var(--e-3); display: flex; flex-direction: column; }
.gar-num div + div { border-left: 1px solid var(--linha); }
.gar-num b { font-size: 24px; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1.1; }
.gar-num div:first-child b { color: var(--ouro); }
.gar-num span { font-size: 12px; color: var(--texto-2); }
.gar-dest { align-self: flex-start; font-size: 12px; font-weight: 700; border-radius: var(--r-1); padding: 2px 8px; background: var(--bg-3); color: var(--texto-2); }

.pergunta-forte p .ouro { display: block; margin-top: var(--e-3); }
.dores { padding-top: var(--e-8); }
.dores h2 { font-size: var(--t-6); max-width: 22ch; margin-bottom: var(--e-6); }
.dores-grade { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--e-3); }
.dor { background: var(--bg-2); border: 1px solid var(--linha); border-radius: var(--r-3); padding: var(--e-5); display: flex; flex-direction: column; gap: var(--e-4); }
.dor-p { font-size: var(--t-3); font-weight: 700; line-height: 1.3; position: relative; padding-left: 28px; }
.dor-p::before { content: '✕'; position: absolute; left: 0; top: 0; color: var(--vermelho-texto); font-weight: 800; }
.dor-r { color: var(--texto-2); border-top: 1px dashed var(--linha-forte); padding-top: var(--e-3); padding-left: 28px; position: relative; margin-top: auto; }
.dor-r::before { content: '✓'; position: absolute; left: 0; color: var(--ouro); font-weight: 800; }

.comparar { padding-bottom: var(--e-8); }
.comparar h2 { font-size: var(--t-6); margin-bottom: var(--e-5); }
.comparar-tabela { border: 1px solid var(--linha); border-radius: var(--r-3); overflow: hidden; max-width: 900px; }
.cmp-linha { display: grid; grid-template-columns: 1.2fr 1fr 1.1fr; border-top: 1px solid var(--linha); }
.cmp-linha:first-child { border-top: 0; }
.cmp-linha span { padding: var(--e-3) var(--e-4); }
.cmp-linha span:first-child { font-weight: 700; }
.cmp-linha span:nth-child(2) { color: var(--texto-3); text-decoration: line-through; text-decoration-color: rgba(229,39,47,.6); }
.cmp-cab span { font-size: var(--t-1); font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--texto-2); text-decoration: none !important; }
.cmp-mf { background: var(--ouro-fundo); color: var(--ouro-texto); font-weight: 700; }
.cmp-cab .cmp-mf { color: var(--ouro); }
.destaque-midia .destaque-sai { left: auto; right: var(--e-3); background: rgba(15,14,12,.85); color: var(--texto); }
@media (max-width: 900px) {
  .dores-grade { grid-template-columns: 1fr; }
  .hero-print { transform: none; max-width: 380px; }
  .cmp-linha { grid-template-columns: 1fr 1fr 1fr; font-size: var(--t-1); }
  .cmp-linha span { padding: var(--e-3) var(--e-2); }
  .garimpo-faixa .btn-grande { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .gar-fita { animation: none; } .gar-trilho { overflow-x: auto; } }
.recurso-texto > p.kicker { color: var(--ouro-texto); font-size: var(--t-1); margin-bottom: var(--e-3); }