/* Conteúdo estático da página de SEO: fica legível e bonito mesmo antes do JavaScript carregar. */
.seo{--grad:linear-gradient(120deg,#566EC7,#14A5C6);font-family:'Open Sans',system-ui,sans-serif;color:#24334c;background:#f5f7fa}
.seo a{color:inherit}
.seo-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:#14243b}
.seo-top .marca{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.14em}
.seo-top .marca img{height:26px}
.seo-top nav{display:flex;gap:8px;align-items:center}
.seo-top nav a{color:#dbe5f5;text-decoration:none;font-size:14px;font-weight:600;padding:8px 10px}
.seo-top nav a.cta{background:#fff;color:#14243b;border-radius:10px;padding:9px 14px;white-space:nowrap}
.seo-hero{background:var(--grad);color:#fff;padding:44px 20px 96px}
.seo-hero .in{max-width:880px;margin:0 auto}
.seo-hero .chip{display:inline-block;background:#ffffff26;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;letter-spacing:.08em}
.seo-hero h1{font-size:clamp(30px,6vw,46px);font-weight:800;letter-spacing:-1px;line-height:1.15;margin:14px 0 12px}
.seo-hero p{font-size:17px;line-height:1.6;max-width:680px;margin:0;color:#eef4ff}
.seo-hero ul{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;font-weight:600}
.seo-hero li::before{content:"✓ ";font-weight:800}
.seo-tool{max-width:960px;margin:-64px auto 0;padding:0 16px;position:relative}
/* min-height = altura real da ferramenta montada, medida em cada página (--placa-desk/--placa-mob no <head> dela):
   sem isso o conteúdo abaixo pula quando a ferramenta carrega (CLS) */
.seo-tool .placa{background:#fff;border-radius:18px;box-shadow:0 12px 40px #14243b1f;padding:22px;min-height:var(--placa-desk,320px)}
@media (max-width:720px){.seo-tool .placa{min-height:var(--placa-mob,600px)}}
.seo-main{max-width:880px;margin:0 auto;padding:44px 20px 20px}
.seo-main h2{font-size:24px;font-weight:800;letter-spacing:-.5px;margin:40px 0 12px;color:#14243b}
.seo-main h3{font-size:17px;font-weight:700;margin:22px 0 6px;color:#14243b}
.seo-main p,.seo-main li{font-size:16px;line-height:1.75;color:#3a4a63}
.seo-main p{margin:0 0 12px}
.seo-main ol{padding-left:22px;list-style:decimal;margin:0 0 12px}
.seo-main li{margin-bottom:6px}
.formatos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:12px;margin-top:14px}
.formatos article{background:#fff;border:1px solid #e9edf3;border-radius:14px;padding:16px}
.formatos article h3{margin-top:0}
.formatos article p{font-size:15px;margin:0}
.tabela{overflow-x:auto;background:#fff;border:1px solid #e9edf3;border-radius:14px;margin-top:12px}
.tabela table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}
.tabela th{background:#14243b;color:#fff;text-align:left;padding:10px 12px;font-size:12px;letter-spacing:.04em}
.tabela td{padding:9px 12px;border-top:1px solid #eef1f6}
.tabela td:first-child{font-weight:700}
.nota{font-size:13px!important;color:#8290a5!important}
.faq details{background:#fff;border:1px solid #e9edf3;border-radius:12px;padding:14px 16px;margin-top:10px}
.faq summary{font-weight:700;cursor:pointer;color:#14243b}
.faq details p{margin:8px 0 0}
.faixa{background:var(--grad);color:#fff;border-radius:18px;padding:28px 22px;margin:44px 0 10px;text-align:center}
.faixa h2{color:#fff;margin:0 0 8px}
.faixa p{color:#eef4ff;margin:0 0 16px}
.faixa a{display:inline-block;background:#fff;color:#14243b;font-weight:800;border-radius:12px;padding:13px 22px;text-decoration:none}
.seo-pe{max-width:880px;margin:0 auto;padding:22px 20px 40px;font-size:13px;color:#8290a5;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between}
.seo-pe a{text-decoration:underline}
@media (max-width:560px){.seo-top nav a:not(.cta){display:none}.seo-top .marca span{display:none}.seo-top nav a.cta{font-size:13px;padding:8px 12px}.seo-hero{padding:32px 18px 84px}.seo-tool .placa{padding:16px}}
/* menu e rodapé que ligam as ferramentas grátis entre si */
.seo-top nav a.ativo{color:#fff;text-decoration:underline;text-underline-offset:6px}
.ferramentas-links{max-width:880px;margin:0 auto;padding:6px 20px 0}
.ferramentas-links h2{font-size:18px;font-weight:800;color:#14243b;margin:0 0 10px}
.ferramentas-links ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:10px}
.ferramentas-links a{display:block;background:#fff;border:1px solid #e9edf3;border-radius:12px;padding:12px 14px;font-weight:700;color:#14243b;text-decoration:none}
.ferramentas-links a small{display:block;font-weight:400;color:#8290a5;font-size:13px;margin-top:2px}
.ferramentas-links a[aria-current]{border-color:#566EC7;background:#eef1fb}
.tabela a{color:#3f55ad;font-weight:700}
@media (max-width:900px){.seo-top nav a.ferr-link{display:none}}
/* chave desenhada no HTML das páginas /chaveamento/N-times (o Google lê sem JavaScript) */
.chave-estatica{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 12px;margin:12px 0 8px}
.chave-estatica .rodada{min-width:190px;flex:1;display:flex;flex-direction:column;gap:10px}
.chave-estatica h3{margin:0 0 2px;font-size:14px;color:#566EC7;text-transform:uppercase;letter-spacing:.06em}
.chave-estatica .jogo{background:#fff;border:1px solid #e9edf3;border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;gap:2px;font-size:14px}
.chave-estatica .jogo small{color:#8290a5;font-size:11px;font-weight:700}
.chave-estatica .jogo span{font-weight:600;color:#14243b}
.chave-estatica .jogo span+span{border-top:1px dashed #e9edf3;padding-top:3px}
.chave-estatica .jogo.bye{background:#f2f6fd;border-style:dashed}
.chave-estatica .jogo.bye small{order:2}

.seo-main ul.dicas{list-style:disc;padding-left:22px;margin:0 0 12px}

/* Marca em duas linhas: o produto não disputa a linha de base do logotipo. */
.seo-top .marca{flex-direction:column;align-items:center;justify-content:center;gap:6px;flex-shrink:0}
.seo-top .marca img{display:block;width:114px;height:auto;max-height:28px;object-fit:contain}
.seo-top .marca span{display:block;font-family:'Open Sans',Arial,sans-serif;font-size:9px;font-weight:700;line-height:1.2;letter-spacing:.15em;text-align:center;color:#dbe5f5;white-space:nowrap}