/* Giro Daqui - estilos das peças que não aparecem na primeira dobra.
   Separado do inline porque 13 KB repetidos em toda página custam mais
   que uma requisição cacheada por um ano. */
/* ---------------- modais (fuga e recomendação) ---------------- */
/* O modal trocava display:none por display:grid, então aparecia e desaparecia de
   uma vez - e display não transiciona. Com visibility e opacity ele entra E sai.
   Continua fora do fluxo (position:fixed), então não custa layout enquanto oculto.
   Escala de 0.97, nunca de 0: nada no mundo real surge do nada. */
.modal{position:fixed;inset:0;z-index:90;background:rgba(10,12,12,.72);
display:grid;place-items:center;padding:var(--e3);
visibility:hidden;opacity:0;pointer-events:none;
transition:opacity .18s var(--saida),visibility .18s}
.modal.on{visibility:visible;opacity:1;pointer-events:auto}
.modal .modal-cx{transform:scale(.97) translateY(6px);
transition:transform .18s var(--saida)}
.modal.on .modal-cx{transform:none}
.modal-cx{background:var(--cartao);border-radius:8px;max-width:26rem;width:100%;padding:var(--e4);
display:grid;gap:var(--e3);box-shadow:0 18px 50px rgba(0,0,0,.35)}
.modal-cx h2,.modal-cx h3{font-family:var(--serif);font-size:1.25rem;margin:0;line-height:1.25}
.modal-cx p{margin:0;font-size:.96rem;color:var(--tinta2)}
.modal-cx p.rot{font-family:var(--mono);font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:var(--colar)}
.modal-cx p.mini{font-size:.84rem;text-align:center}
.modal-cx .bts{display:flex;gap:var(--e2);flex-wrap:wrap;align-items:center}
.modal-cx>.fechar{position:absolute;top:6px;right:10px;background:none;border:0;
color:var(--tinta2);font-size:1.5rem;line-height:1;cursor:pointer;padding:4px 8px}
.modal-cx{position:relative}
.fechar-link{background:none;border:0;color:var(--tinta2);font:inherit;font-size:.84rem;
cursor:pointer;text-decoration:underline;padding:0}
.modal-mat{display:grid;grid-template-columns:96px 1fr;gap:var(--e2);align-items:center;
text-decoration:none;color:inherit;background:var(--papel2);border-radius:var(--raio);padding:8px;
border:1px solid var(--borda)}
.modal-mat img{width:96px;height:64px;object-fit:cover;border-radius:4px;display:block}
.modal-mat small{font-family:var(--mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;display:block}
.modal-mat strong{font-family:var(--serif);font-size:.98rem;line-height:1.25;display:block;margin-top:2px}
.modal-mat:hover strong{color:var(--colar)}
.bt-zap{background:#25D366;color:#06281a;font-weight:600;text-align:center;padding:12px;border-radius:var(--raio);
text-decoration:none;font-weight:600;font-size:.94rem}
.bt-pref{background:var(--tinta);color:var(--papel);text-align:center;padding:12px;
border-radius:var(--raio);text-decoration:none;font-weight:600;font-size:.94rem}
/* ---------------- fonte preferida no Google ---------------- */
.preferida{margin:var(--e3) 0 0;text-align:center}
.preferida a{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--tinta2);
text-decoration:none;border:1px solid var(--borda);border-radius:999px;padding:6px 14px}
.preferida a:hover{color:var(--colar);border-color:var(--colar)}
.preferida svg{opacity:.6}
.preferida a:hover svg{opacity:1;color:var(--sol)}
/* ---------------- verbetes no pé da matéria ---------------- */
.verbetes{border-top:1px solid var(--borda);margin-top:var(--e4);padding-top:var(--e3)}
.verbetes dl{margin:0;display:grid;gap:8px}
.verbetes dt{font-family:var(--serif);font-weight:600;font-size:.98rem}
.verbetes dt a{text-decoration:none;color:var(--tinta);border-bottom:1px dotted var(--colar)}
.verbetes dd{margin:0 0 4px;font-size:.9rem;color:var(--tinta2);line-height:1.5}
/* ---------------- recomendado pelo histórico ---------------- */
.recomendado{margin-top:var(--e5)}
.recomendado ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--e3)}
.recomendado li a{display:grid;grid-template-columns:104px 1fr;gap:var(--e3);align-items:center;
text-decoration:none;color:inherit}
.recomendado img{width:104px;height:70px;object-fit:cover;border-radius:var(--raio);display:block;background:var(--papel2)}
.recomendado small{font-family:var(--mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;display:block}
.recomendado strong{font-family:var(--serif);font-size:1.02rem;line-height:1.28;display:block;margin-top:3px}
.recomendado li a:hover strong{color:var(--colar)}
/* ---------------- glossário ---------------- */
.gloss{border-bottom:1px dotted var(--colar);cursor:help;text-decoration:none;color:inherit}
.gloss-cx{position:absolute;z-index:70;max-width:19rem;background:var(--tinta);color:var(--papel);
padding:10px 12px;border-radius:6px;font-size:.86rem;line-height:1.45;box-shadow:0 8px 24px rgba(0,0,0,.3);display:none}
/* O balão do verbete: escala leve e origem no alto, porque ele nasce logo abaixo
   da palavra clicada - crescer do centro faria parecer que veio de outro lugar. */
.gloss-cx{opacity:0;transform:scale(.97) translateY(-3px);transform-origin:top left;
transition:opacity .13s var(--saida),transform .13s var(--saida)}
.gloss-cx.on{display:block;opacity:1;transform:none}
.gloss-cx b{display:block;font-family:var(--serif);margin-bottom:3px}
/* ---------------- canal do WhatsApp no meio do texto ---------------- */
.canal{border:1px solid #25D366;border-left-width:3px;border-radius:var(--raio);
background:var(--papel2);padding:var(--e3);margin:var(--e4) 0;display:grid;gap:var(--e2)}
.canal strong{font-family:var(--serif);font-size:1.04rem}
.canal p{margin:0;font-size:.93rem;color:var(--tinta2)}
.canal a{justify-self:start}
/* ---------------- filtros (guia, vagas, glossário) ---------------- */
.filtros{display:flex;gap:var(--e2);flex-wrap:wrap;align-items:center;margin:var(--e3) 0 var(--e4)}
/* 16px cravado: abaixo disso o iOS dá zoom na página a cada toque no campo, e o
   zoom fica. Eram os filtros do guia, que a primeira passada não pegou porque eu
   consertei .topo input e form.gd e medi só a capa e a matéria. */
.filtros input[type=search],.filtros select{font:inherit;font-size:16px;padding:11px 13px;
border:1px solid var(--borda);border-radius:var(--raio);background:var(--cartao);color:var(--tinta);min-width:0}
.filtros input[type=search]{flex:1 1 13rem}
.filtros select{flex:0 1 auto;max-width:11rem}
.filtros button{font:inherit;font-size:16px;font-weight:600;padding:11px 18px;border:0;
border-radius:var(--raio);background:var(--tinta);color:var(--papel);cursor:pointer}
.filtros .limpa{font-size:.85rem;color:var(--tinta2)}
.filtros .marcas{display:flex;gap:6px;flex-wrap:wrap;flex-basis:100%}
.filtros .marcas a{font-size:.82rem;padding:5px 12px;border:1px solid var(--borda);
border-radius:999px;text-decoration:none;color:var(--tinta2)}
.filtros .marcas a.on{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}
/* ---------------- glossário: lista ---------------- */
.abc{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 var(--e4)}
.abc a{font-family:var(--mono);font-size:.8rem;width:1.9rem;height:1.9rem;display:grid;
place-items:center;border:1px solid var(--borda);border-radius:4px;text-decoration:none;color:var(--tinta2)}
.abc a:hover{background:var(--tinta);color:var(--papel)}
.glos-grupo{margin-bottom:var(--e4)}
.glos-grupo h2{font-family:var(--mono);font-size:.9rem;letter-spacing:.1em;color:var(--colar);
border-bottom:1px solid var(--borda);padding-bottom:4px;margin:0 0 var(--e2)}
.glos-grupo dl{margin:0;display:grid;gap:10px}
.glos-grupo dt{font-family:var(--serif);font-size:1.02rem;font-weight:600}
.glos-grupo dt a{text-decoration:none;color:var(--tinta)}
.glos-grupo dt a:hover{color:var(--colar)}
.glos-grupo dd{margin:0;font-size:.92rem;color:var(--tinta2);line-height:1.5}
.verbete .def{font-family:var(--serif);font-size:1.18rem;line-height:1.5;margin:0 0 var(--e3)}
.verbete .exemplo{background:var(--papel2);border-left:3px solid var(--rio);padding:var(--e3);
font-size:.95rem;border-radius:0 var(--raio) var(--raio) 0}
.verbete .exemplo .rot{display:block;font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;
text-transform:uppercase;color:var(--tinta2);margin-bottom:4px}
/* ---------------- vagas ---------------- */
.vagas{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.vagas li a{display:grid;gap:5px;padding:var(--e3);border:1px solid var(--borda);
border-radius:var(--raio);text-decoration:none;color:inherit;background:var(--cartao);position:relative}
.vagas li a:hover{border-color:var(--colar)}
.vagas li.paga a{border-left:3px solid var(--sol);background:var(--papel2)}
.vagas .selo{position:absolute;top:8px;right:10px;font-family:var(--mono);font-size:.6rem;
letter-spacing:.08em;text-transform:uppercase;background:var(--sol);color:#1B1400;padding:2px 7px;border-radius:3px}
.vagas strong{font-family:var(--serif);font-size:1.06rem;line-height:1.25;padding-right:5rem}
.vagas .onde{font-size:.9rem;color:var(--tinta2)}
.vagas .tags{display:flex;gap:6px;flex-wrap:wrap}
.vagas .tags i{font-style:normal;font-family:var(--mono);font-size:.66rem;letter-spacing:.05em;
text-transform:uppercase;background:var(--papel2);border:1px solid var(--borda);
padding:2px 8px;border-radius:3px;color:var(--tinta2)}
.vagas .tags i.sal{border-color:var(--mata);color:var(--mata)}
.vagas time{font-size:.78rem;color:var(--tinta2);opacity:.8}
.vaga-pg .ficha{list-style:none;margin:var(--e3) 0;padding:0;display:grid;
grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:1px;background:var(--borda);
border:1px solid var(--borda);border-radius:var(--raio);overflow:hidden}
.vaga-pg .ficha li{background:var(--cartao);padding:10px 12px;display:grid;gap:2px}
.vaga-pg .ficha span{font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;
text-transform:uppercase;color:var(--tinta2)}
.vaga-pg .ficha strong{font-size:.98rem}
/* ---------------- topo curto das páginas de empresa ---------------- */
.hamb{margin-left:auto;background:none;border:0;padding:8px;cursor:pointer;display:grid;gap:4px;justify-items:end}
.hamb span{display:block;width:20px;height:2px;background:var(--tinta);border-radius:2px}
.hamb span:nth-child(2){width:14px}
.menu-movel{border-top:1px solid var(--borda);background:var(--papel2)}
.menu-movel ul{list-style:none;margin:0;padding:var(--e2) 0;display:grid;
grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:2px}
.menu-movel a{display:block;padding:9px 4px;font-size:.9rem;text-decoration:none;color:var(--tinta2)}
.menu-movel a:hover{color:var(--colar)}
/* ---------------- formulário dobrado ---------------- */
.dobra{border:1px solid var(--borda);border-radius:var(--raio);margin:var(--e4) 0;
background:var(--papel2);overflow:hidden}
.dobra>summary{cursor:pointer;padding:var(--e3);display:grid;gap:2px;list-style:none}
.dobra>summary::-webkit-details-marker{display:none}
.dobra>summary::after{content:'+';position:absolute;right:var(--e4);font-size:1.3rem;
color:var(--tinta2);line-height:1}
.dobra[open]>summary::after{content:'–'}
.dobra{position:relative}
.dobra>summary strong{font-family:var(--serif);font-size:1.05rem;padding-right:2rem;display:block}
.dobra>summary span{font-size:.9rem;color:var(--tinta2);padding-right:2rem;display:block}
.dobra>summary:hover strong{color:var(--colar)}
.dobra .gd{padding:0 var(--e3) var(--e3)}
/* ---------------- página de anúncio (landing page) ---------------- */
.anu-lp{max-width:68rem;margin:0 auto;padding-bottom:var(--e6)}
.anu-hero{text-align:center;padding:clamp(2.5rem,6vw,4rem) var(--e3) clamp(2rem,4vw,3rem);max-width:54rem;margin:0 auto}
.anu-hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(227,168,30,.14);color:#B45309;border:1px solid rgba(227,168,30,.35);border-radius:999px;padding:5px 14px;font-family:var(--mono);font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--e3)}
.anu-hero h1{font-family:var(--serif);font-size:clamp(1.85rem,5.2vw,3rem);font-weight:700;line-height:1.15;margin:0 0 var(--e3);color:var(--tinta);letter-spacing:-.02em}
.anu-hero-sub{font-size:clamp(1rem,2vw,1.15rem);line-height:1.6;color:var(--tinta2);max-width:44rem;margin:0 auto var(--e4)}
.anu-hero-vantagens{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:var(--e4)}
.hero-vantagem-pill{display:inline-flex;align-items:center;gap:6px;background:var(--cartao);border:1px solid var(--borda);border-radius:999px;padding:6px 14px;font-size:.86rem;font-weight:500;color:var(--tinta);box-shadow:0 1px 3px rgba(0,0,0,.03)}
.hero-vantagem-pill svg{color:#16A34A;flex-shrink:0}
.anu-hero-ctas{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}

/* botões reutilizáveis da landing page */
.btn-pri{display:inline-flex;align-items:center;justify-content:center;background:#A81E28;color:#FFFFFF!important;font-weight:600;font-size:.95rem;padding:12px 24px;border-radius:var(--raio);text-decoration:none;border:none;cursor:pointer;transition:background .15s ease,transform .15s ease;box-shadow:0 4px 12px rgba(168,30,40,.25)}
.btn-pri:hover{background:#BF2632;transform:translateY(-1px);color:#FFFFFF!important}
.btn-sec{display:inline-flex;align-items:center;justify-content:center;background:var(--cartao);color:var(--tinta)!important;border:1px solid var(--borda);font-weight:600;font-size:.95rem;padding:12px 20px;border-radius:var(--raio);text-decoration:none;transition:border-color .15s ease,background .15s ease}
.btn-sec:hover{border-color:var(--tinta);background:var(--papel2)}
.btn-zap{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#25D366;color:#06281A!important;font-weight:600;font-size:.95rem;padding:12px 22px;border-radius:var(--raio);text-decoration:none;transition:background .15s ease,transform .15s ease}
.btn-zap:hover{background:#20BA5A;transform:translateY(-1px);color:#06281A!important}

/* blocos e cabeçalhos */
.anu-bloco{padding:clamp(2.5rem,5vw,4rem) 0;border-bottom:1px solid var(--borda)}
.anu-bloco:last-child{border-bottom:none}
.anu-cabeca-bloco{text-align:center;max-width:44rem;margin:0 auto clamp(2rem,4vw,3rem)}
.anu-cabeca-bloco h2{font-family:var(--serif);font-size:clamp(1.5rem,3.8vw,2.2rem);font-weight:700;margin:6px 0 10px;color:var(--tinta)}
.anu-cabeca-bloco .sec{font-size:1.02rem;color:var(--tinta2);line-height:1.55;margin:0}

/* estatísticas de audiência */
.anu-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:var(--e3);margin-bottom:var(--e4)}
.stat-card{background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio-g);padding:var(--e4) var(--e3);text-align:center;box-shadow:var(--sombra);transition:transform .15s ease,border-color .15s ease}
.stat-card:hover{transform:translateY(-2px);border-color:var(--borda2)}
.stat-icon-wrap{width:46px;height:46px;border-radius:12px;background:rgba(168,30,40,.08);color:var(--colar);display:grid;place-items:center;margin:0 auto 12px}
.stat-num{display:block;font-family:var(--mono);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;color:var(--tinta);line-height:1.1;margin-bottom:6px}
.stat-legenda{font-size:.86rem;color:var(--tinta2);display:block;line-height:1.35}

/* aviso em destaque */
.anu-destaque-aviso{background:#FFFBEB;border:1px solid #FDE68A;border-radius:var(--raio);padding:var(--e3) var(--e4);display:flex;gap:var(--e3);align-items:flex-start}
.aviso-icon{color:#D97706;flex-shrink:0;margin-top:2px}
.aviso-conteudo strong{display:block;font-size:.95rem;color:#92400E;margin-bottom:4px}
.aviso-conteudo p{margin:0;font-size:.92rem;color:#78350F;line-height:1.55}

/* posições dos anúncios */
.posicoes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:var(--e4)}
.pos-card{background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio-g);padding:var(--e4);display:flex;flex-direction:column;box-shadow:var(--sombra)}
.pos-card.destaque{border:2px solid var(--colar);box-shadow:0 8px 24px rgba(168,30,40,.09)}
.pos-card-topo{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.pos-badge{font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--papel2);color:var(--tinta2)}
.pos-badge.ouro{background:#FEF3C7;color:#B45309;border:1px solid #FCD34D}
.pos-dim{font-family:var(--mono);font-size:.72rem;color:var(--tinta2)}
.pos-card h3{font-family:var(--serif);font-size:1.25rem;font-weight:700;margin:0 0 8px;color:var(--tinta)}
.pos-card p{font-size:.9rem;color:var(--tinta2);line-height:1.55;margin:0 0 var(--e4);flex-grow:1}
.pos-mockup{background:var(--papel2);border:1px solid var(--borda);border-radius:var(--raio);padding:10px;display:grid;gap:6px}
.mock-bar{height:16px;background:var(--colar);border-radius:4px;opacity:.85}
.mock-line{height:6px;background:var(--borda2);border-radius:3px}
.mock-ad-box{background:var(--colar-f);border:1.5px dashed var(--colar);color:var(--colar);font-family:var(--mono);font-size:.75rem;font-weight:700;text-align:center;padding:16px 8px;border-radius:6px}

/* pacotes de visualizações */
.pacotes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--e4);align-items:stretch}
.pacote-card{background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio-g);padding:var(--e4) var(--e3);display:flex;flex-direction:column;position:relative;box-shadow:var(--sombra);transition:transform .2s ease,box-shadow .2s ease}
.pacote-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.pacote-card.destaque{border:2px solid var(--colar);box-shadow:0 8px 30px rgba(168,30,40,.12)}
.selo-popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--colar);color:#FFFFFF;font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 12px;border-radius:999px;white-space:nowrap}
.pacote-topo{text-align:center;padding-bottom:12px;border-bottom:1px solid var(--borda)}
.pacote-nivel{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta2)}
.pacote-views{font-family:var(--serif);font-size:2.3rem;font-weight:700;margin:4px 0 0;color:var(--tinta);line-height:1}
.pacote-views-sub{font-size:.8rem;color:var(--tinta2);display:block;margin-top:4px}
.pacote-preco{text-align:center;padding:14px 0;border-bottom:1px solid var(--borda)}
.pacote-preco .moeda{font-size:1.1rem;font-weight:600;color:var(--tinta);vertical-align:top;margin-right:2px}
.pacote-preco .valor{font-family:var(--mono);font-size:2.6rem;font-weight:700;color:var(--tinta);line-height:1}
.pacote-preco .periodo{font-size:.78rem;color:var(--tinta2);display:block;margin-top:4px}
.pacote-features{list-style:none;padding:0;margin:14px 0 var(--e4);display:grid;gap:9px;flex-grow:1}
.pacote-features li{font-size:.86rem;color:var(--tinta2);line-height:1.45}
.pacote-btn{display:block;text-align:center;text-decoration:none;padding:12px;border-radius:var(--raio);font-weight:600;font-size:.92rem;border:1px solid var(--borda);color:var(--tinta);background:var(--papel);transition:all .15s ease}
.pacote-btn:hover{background:var(--tinta);color:#FFFFFF;border-color:var(--tinta)}
.pacote-btn.ouro{background:var(--colar);color:#FFFFFF;border-color:var(--colar)}
.pacote-btn.ouro:hover{background:#BF2632;border-color:#BF2632;color:#FFFFFF}

/* simulador interativo */
.simulador-box{background:#14181A;color:#FFFFFF;border-radius:var(--raio-g);padding:clamp(1.5rem,5vw,3rem);box-shadow:0 16px 36px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}
.simulador-box::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#A81E28 0%,#E3A81E 50%,#A81E28 100%)}
.simulador-conteudo{max-width:44rem;margin:0 auto;text-align:center}
.simulador-conteudo h2{font-family:var(--serif);font-size:clamp(1.5rem,4vw,2.2rem);color:#FFFFFF;margin:6px 0 10px}
.simulador-conteudo p{color:#CBD5E1;font-size:.98rem;margin:0 0 var(--e4)}
.simulador-controles{margin-bottom:var(--e4)}
.sim-range-wrap{margin:0 auto var(--e3);max-width:32rem}
#sim-slider{width:100%;height:8px;border-radius:4px;background:rgba(255,255,255,.2);accent-color:#FACC15;cursor:pointer}
.sim-range-labels{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.74rem;color:#94A3B8;margin-top:6px}
.sim-inputs-duo{display:grid;grid-template-columns:1fr 1fr;gap:var(--e3);max-width:32rem;margin:0 auto;text-align:left}
.sim-inputs-duo label{display:block;font-size:.76rem;color:#CBD5E1;font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}
.sim-inputs-duo input{width:100%;padding:10px 14px;border-radius:var(--raio);border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#FFFFFF;font-family:var(--mono);font-size:1.1rem;font-weight:600}
.sim-inputs-duo input:focus{outline:none;border-color:#FACC15}
.simulador-resultado{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:var(--e3);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--raio);padding:var(--e3);margin:var(--e4) auto;max-width:36rem}
.sim-kpi span{display:block;font-size:.76rem;color:#94A3B8;margin-bottom:4px}
.sim-kpi strong{display:block;font-family:var(--mono);font-size:1.3rem;color:#FFFFFF;font-weight:700}

/* serviços e soluções digitais */
.servicos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:var(--e4)}
.serv-card{background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio-g);padding:var(--e4);display:flex;gap:var(--e3);align-items:flex-start;box-shadow:var(--sombra);transition:border-color .15s ease,box-shadow .15s ease}
.serv-card:hover{border-color:var(--borda2);box-shadow:0 6px 18px rgba(0,0,0,.06)}
.serv-card.destaque-gratis{border:2px solid #22C55E;background:#F0FDF4}
.badge-gratis{display:inline-block;background:#22C55E;color:#FFFFFF;font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px;margin-bottom:6px}
.serv-icon{width:46px;height:46px;border-radius:12px;background:rgba(168,30,40,.08);color:var(--colar);display:grid;place-items:center;flex-shrink:0}
.serv-icon.gratis{background:rgba(34,197,94,.15);color:#16A34A}
.serv-corpo{flex:1;min-width:0}
.serv-corpo h3{font-family:var(--serif);font-size:1.15rem;font-weight:700;margin:0 0 4px;color:var(--tinta)}
.serv-preco{font-family:var(--mono);font-size:1.1rem;font-weight:700;color:var(--colar);margin-bottom:8px}
.serv-preco span{font-size:.76rem;color:var(--tinta2);font-weight:400}
.serv-corpo p{font-size:.88rem;color:var(--tinta2);line-height:1.5;margin:0 0 var(--e3)}
.serv-link{font-size:.88rem;font-weight:600;color:var(--colar);text-decoration:none}
.serv-link:hover{text-decoration:underline}

/* formulário de proposta */
.anu-form-container{max-width:42rem;margin:0 auto;background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio-g);padding:clamp(1.25rem,4vw,2.25rem);box-shadow:var(--sombra)}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--e3)}
.anu-form label{display:block;font-size:.84rem;font-weight:600;color:var(--tinta);margin-bottom:var(--e3)}
.anu-form input,.anu-form select,.anu-form textarea{width:100%;margin-top:6px;padding:10px 14px;border:1px solid var(--borda);border-radius:var(--raio);font:inherit;font-size:.92rem;background:var(--papel);color:var(--tinta);box-sizing:border-box}
.anu-form input:focus,.anu-form select:focus,.anu-form textarea:focus{border-color:var(--colar);outline:none;background:#FFFFFF}
.form-acoes{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:var(--e2)}

@media(max-width:40rem){
  .form-grid-2{grid-template-columns:1fr}
  .sim-inputs-duo{grid-template-columns:1fr}
  .anu-hero-ctas{flex-direction:column;width:100%}
  .anu-hero-ctas a{width:100%;text-align:center}
  .form-acoes{flex-direction:column;width:100%}
  .form-acoes .btn-pri,.form-acoes .btn-zap{width:100%;text-align:center}
}

/* ---------------- ficha de empresa como landing page ---------------- */
.lp{max-width:44rem;margin:0 auto}
.lp-topo{margin:var(--e3) 0 var(--e4)}
.lp-capa{border-radius:var(--raio);overflow:hidden;margin-bottom:-2.6rem}
.lp-capa img{width:100%;aspect-ratio:3/1;object-fit:cover;display:block}
.lp-id{display:grid;grid-template-columns:auto 1fr;gap:var(--e3);align-items:center}
.lp-id.com-capa{position:relative;padding-left:4px}
.lp-logo{width:112px;height:112px;border-radius:18px;overflow:hidden;display:grid;
place-items:center;background:var(--cartao);border:3px solid var(--papel);
box-shadow:0 2px 14px rgba(0,0,0,.14);flex:0 0 auto}
.lp-logo img{width:100%;height:100%;object-fit:cover;display:block}
.lp-logo-vazia{font-family:var(--serif);font-size:2.1rem;font-weight:700;color:#fff;
background:var(--cor-sec,var(--rio));border-color:var(--papel)}
.lp-nome h1{font-family:var(--serif);font-size:clamp(1.4rem,5.4vw,2.05rem);line-height:1.12;
margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lp-linha{margin:6px 0 0;font-size:.9rem;color:var(--tinta2);display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.lp-linha a{color:var(--cor-sec,var(--colar));text-decoration:none;font-weight:600}
.lp-linha .aberto{color:var(--mata)}
.lp-linha .fechado{color:var(--colar)}
.lp-chamada{margin:8px 0 0;font-family:var(--serif);font-size:1.04rem;color:var(--tinta)}
/* selo de verificado */
.selo{display:inline-flex;align-items:center;gap:4px;color:var(--selo);flex:0 0 auto}
.selo svg{display:block}
.selo .vd{font-family:var(--mono);font-size:.6rem;letter-spacing:.09em;text-transform:uppercase;
color:var(--tinta2);font-weight:400}
@media(max-width:26rem){.selo .vd{display:none}}
/* ações */
.lp-acoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:var(--e4)}
.lp-acoes .bt{font-size:.9rem;padding:10px 16px}
.lp-acoes .bt.rede{padding:10px;gap:0;color:var(--tinta2)}
.lp-acoes .bt.rede:hover{color:var(--selo);border-color:var(--selo)}
.lp-acoes .bt.grande{flex:1 1 13rem;justify-content:center;gap:8px;font-weight:600;padding:13px 18px}
.bt.zap{background:#25D366;border-color:#25D366;color:#06281a;font-weight:600}
.bt.zap:hover{background:#188443;border-color:#188443;color:#fff}
.lp-sobre{font-size:1.03rem;line-height:1.6;margin:var(--e4) 0 0}
/* serviços */
.lp-servicos{margin:var(--e4) 0 0}
.lp-servicos ul{list-style:none;margin:8px 0 0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.lp-servicos li{font-size:.86rem;padding:5px 12px;border:1px solid var(--borda);
border-radius:999px;background:var(--papel2)}
/* vitrine do Instagram (plano pago) */
.lp-ig,.lp-reels{margin:var(--e5) 0 0}
.lp-ig h2 a,.lp-reels h2 a{color:var(--selo);text-decoration:none}
.lp-ig-grade{display:grid;gap:var(--e2);grid-template-columns:repeat(3,1fr);margin-top:var(--e2)}
.lp-ig-grade a{display:block;border:1px solid var(--borda);border-radius:var(--raio);overflow:hidden}
.lp-ig-grade a:hover{border-color:var(--selo)}
.lp-ig-grade img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
@media(max-width:26rem){.lp-ig-grade{grid-template-columns:repeat(2,1fr)}}
/* fita que rola de lado: scroll-snap é CSS puro e é o gesto que o leitor já conhece */
.lp-reels-fita{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(11rem,12rem);
gap:var(--e2);margin-top:var(--e2);overflow-x:auto;overscroll-behavior-x:contain;
scroll-snap-type:x proximity;padding-bottom:var(--e2)}
.lp-reel{margin:0;scroll-snap-align:start}
.lp-reel video{width:100%;aspect-ratio:9/16;object-fit:cover;display:block;background:var(--papel2);
border:1px solid var(--borda);border-radius:var(--raio)}
.lp-reel figcaption{margin-top:6px;font-size:.78rem;line-height:1.35;color:var(--tinta2);
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lp-fotos{display:grid;gap:var(--e2);grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));margin:var(--e4) 0 0}
.lp-fotos img{border-radius:var(--raio)}
/* ficha */
.lp-ficha{margin:var(--e5) 0 0;border:1px solid var(--borda);border-radius:var(--raio);overflow:hidden}
.lp-ficha dl{margin:0;display:grid;gap:1px;background:var(--borda)}
.lp-ficha dl>div{background:var(--cartao);padding:12px var(--e3);display:grid;
grid-template-columns:7rem 1fr;gap:var(--e2);align-items:baseline}
.lp-ficha dt{font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;
text-transform:uppercase;color:var(--tinta2)}
.lp-ficha dd{margin:0;font-size:.96rem;line-height:1.45}
.lp-end{display:inline-flex;align-items:center;gap:5px;text-decoration:none;
color:var(--tinta);border-bottom:1px solid var(--borda2)}
.lp-end:hover{color:var(--colar);border-color:var(--colar)}
.lp-end svg{opacity:.55;flex:0 0 auto}
.lp-end:hover svg{opacity:1}
@media(max-width:30rem){.lp-ficha dl>div{grid-template-columns:1fr;gap:2px}}
.lp-links{display:grid;gap:var(--e2);max-width:26rem;margin:var(--e4) 0 0}
.lp-links .bt{justify-content:center;padding:12px}
.lp-conf{margin:var(--e4) 0 0;font-size:.84rem;color:var(--tinta2)}
/* os dois formulários, discretos, no fim */
.lp-rodape-acoes{margin:var(--e6) 0 0;border-top:1px solid var(--borda);padding-top:var(--e3);
display:grid;gap:4px}
details.fina>summary{cursor:pointer;list-style:none;font-size:.85rem;color:var(--tinta2);
padding:7px 0;display:flex;align-items:center;gap:7px}
details.fina>summary::-webkit-details-marker{display:none}
details.fina>summary::before{content:'+';font-family:var(--mono);font-size:.95rem;
color:var(--borda2);width:1rem;text-align:center;flex:0 0 auto}
details.fina[open]>summary::before{content:'–'}
details.fina>summary:hover{color:var(--colar)}
details.fina .gd{padding:var(--e2) 0 var(--e3) 1rem;max-width:26rem}
.lp-credito{margin:var(--e4) 0 0;font-family:var(--mono);font-size:.68rem;color:var(--tinta2);
line-height:1.6}
.lp-credito a{color:var(--tinta2)}
/* selo na lista do guia */
.emp-lista .selo-min{display:inline-flex;vertical-align:-2px;margin-left:4px;color:var(--selo)}

/* ---------------- painel: administração de empresa ---------------- */
.emp-adm{border:1px solid var(--borda);border-radius:var(--raio);margin-bottom:6px;background:var(--cartao)}
.emp-adm>summary{cursor:pointer;padding:9px var(--e3);display:flex;align-items:center;
gap:7px;flex-wrap:wrap;list-style:none}
.emp-adm>summary::-webkit-details-marker{display:none}
.emp-adm>summary img{border-radius:6px;object-fit:cover;flex:0 0 auto}
.emp-adm>summary b{font-family:var(--serif);font-size:1rem}
.emp-adm[open]{border-color:var(--borda2)}
.emp-adm-cx{padding:0 var(--e3) var(--e3);border-top:1px solid var(--borda);padding-top:var(--e3)}
.emp-adm-cx input[type=text],.emp-adm-cx select{font:inherit;padding:5px 9px;
border:1px solid var(--borda);border-radius:4px;background:var(--cartao);color:var(--tinta)}

/* Logo na lista do guia: reconhecer a marca é mais rápido que ler o nome.
   Flex em vez de grid porque a logo é opcional - com grid de duas colunas o
   cartão sem logo ficava com uma coluna vazia. */
.emp-lista a{display:flex!important;align-items:center;gap:10px;flex-wrap:wrap}
.emp-logo{width:40px;height:40px;border-radius:9px;object-fit:cover;display:block;
background:var(--papel2);border:1px solid var(--borda);flex:0 0 auto}
.emp-lista a>strong{flex:1 1 8rem;min-width:0}
.emp-lista a>.mono{flex:1 1 100%}

/* o tempo de leitura na recomendação: informação que ajuda a decidir clicar */
.recomendado .min{font-style:normal;font-family:var(--mono);font-size:.64rem;
letter-spacing:.06em;color:var(--tinta2);display:block;margin-top:3px}

/* ---------------- paginação do guia ----------------
   Cáceres tem 3.290 negócios e a página mostrava 90, sem nenhuma saída: as outras
   3.200 fichas só existiam no sitemap. O alvo é de dedo (44px), porque quem folheia
   guia no celular erra o toque. */
.paginacao{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
gap:var(--e2);margin-top:var(--e5);padding-top:var(--e3);border-top:1px solid var(--borda);
font-family:var(--mono);font-size:.78rem;color:var(--tinta2)}
.paginacao a{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;
border:1px solid var(--borda);border-radius:999px;text-decoration:none;color:var(--tinta)}
.paginacao a:hover{border-color:var(--colar);color:var(--colar)}
.paginacao span{flex:1 1 auto;text-align:center}

/* ---------------- renderização ----------------
   `content-visibility` faz o navegador PULAR o layout e a pintura do que está fora
   da tela. A lista do guia tem 60 fichas e a da capa vai a 20: sem isso o primeiro
   quadro paga o layout das 60. `contain-intrinsic-size` é a altura CHUTADA de cada
   item - sem ela a barra de rolagem pularia enquanto o leitor desce. */
.emp-lista>li{content-visibility:auto;contain-intrinsic-size:auto 64px}
.lista>li.cart{content-visibility:auto;contain-intrinsic-size:auto 120px}
.ramos>li{content-visibility:auto;contain-intrinsic-size:auto 38px}
/* o rodapé e o formulário do fim nunca estão na primeira dobra */
.pe,.bloco form.gd{content-visibility:auto;contain-intrinsic-size:auto 320px}

/* ---------------- painel: progresso da coleta ---------------- */
.prog-cx{border:1px solid var(--borda);border-radius:var(--raio);padding:var(--e3) var(--e4);
background:var(--cartao);margin-bottom:var(--e4)}
.prog-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--e3)}
.prog-top h2{font-family:var(--serif);font-size:1.1rem;margin:0}
.prog-top b{font-family:var(--mono);font-size:1.6rem;font-variant-numeric:tabular-nums;
line-height:1;color:var(--colar)}
.prog-barra{height:8px;border-radius:999px;background:var(--papel2);
border:1px solid var(--borda);overflow:hidden;margin:10px 0 var(--e2)}
.prog-barra i{display:block;height:100%;background:var(--colar);border-radius:999px}
.prog-linha{margin:0 0 4px;font-size:.92rem}
.prog-linha.sec{color:var(--tinta2);font-size:.86rem}
.prog-fatias{display:flex;gap:var(--e3);flex-wrap:wrap;margin-top:10px;
padding-top:10px;border-top:1px solid var(--borda)}
.fatia{font-size:.8rem;color:var(--tinta2)}
.fatia b{font-family:var(--mono);font-size:1rem;color:var(--tinta);display:block}
.fatia.ok b{color:var(--ok)}
.fatia.no b{color:var(--colar)}
/* régua compacta na aba Painel */
.prog-mini{display:block;text-decoration:none;color:inherit;border:1px solid var(--borda);
border-radius:var(--raio);padding:12px var(--e3);margin-bottom:var(--e4);background:var(--cartao)}
.prog-mini:hover{border-color:var(--colar)}
.prog-mini-rot{display:flex;justify-content:space-between;align-items:baseline;
font-family:var(--mono);font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;
color:var(--tinta2)}
.prog-mini-rot b{font-size:1.1rem;letter-spacing:0;color:var(--colar);font-variant-numeric:tabular-nums}
.prog-mini .prog-barra{margin:8px 0 6px}
.prog-mini-sub{font-size:.82rem;color:var(--tinta2)}