/* Guias e páginas institucionais (2026-10-30, Bruno: "2> ok" para as sugestões 2 e 3 do levantamento de como o ChatGPT vê a
   GFA): /quem-somos/, /erp-mercado-livre/, /etiqueta-mercado-livre-sku-nota-fiscal/, /reputacao-laranja-como-voltar-ao-verde/ e
   /assessoria-mercado-livre-goiania/. Base: /assets/marca.css (cores, topo, botões, seções, rodapé). Prefixo gd-. */
html{scroll-padding-top:84px}

/* topo da página */
.gd-topo{background:var(--navy);color:#fff;padding-block:44px 40px}
.gd-topo .wrap{max-width:800px} /* alinhado com a coluna do texto (.gd-corpo) */
.gd-topo .olho{color:var(--laranja)}
.gd-topo h1{font-size:clamp(28px,4vw,44px);font-weight:800;margin-bottom:12px;max-width:880px}
.gd-topo h1 em{font-style:normal;color:var(--laranja)}
.gd-lead{color:rgba(255,255,255,.82);max-width:740px;font-size:18px}
.gd-data{margin-top:14px;font-size:14px;color:rgba(255,255,255,.6)}
.gd-indice{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.gd-indice a{display:inline-block;font-size:14px;font-weight:600;color:#fff;text-decoration:none;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 13px}
.gd-indice a:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.4)}

/* texto do guia */
.gd-corpo{max-width:800px}
.gd-corpo>section+section{margin-top:40px}
.gd-corpo h2{font-size:clamp(23px,2.7vw,29px);color:var(--navy);margin-bottom:12px}
.gd-corpo h3{font-size:19px;color:var(--navy);margin:22px 0 6px}
.gd-corpo p{font-size:17px;color:var(--t2)}
.gd-corpo p+p{margin-top:12px}
.gd-corpo b,.gd-corpo strong{color:var(--tinta)}
.gd-corpo ul,.gd-corpo ol{padding-left:22px;color:var(--t2);font-size:17px;display:flex;flex-direction:column;gap:7px;margin-top:10px}
.gd-corpo p+ul,.gd-corpo p+ol{margin-top:8px}
.gd-corpo ul+p,.gd-corpo ol+p{margin-top:14px}
.gd-corpo a{color:var(--navy);font-weight:600;text-decoration-color:var(--laranja);text-underline-offset:3px}
.gd-corpo a:hover{color:var(--laranja-esc)}

/* resumo no começo (o que a pessoa — e a IA — precisa saber em 20 segundos) */
.gd-resumo{background:var(--papel);border:1px solid var(--linha);border-left:5px solid var(--laranja);border-radius:12px;padding:18px 22px;margin-bottom:34px}
.gd-resumo h2{font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--t3);margin-bottom:8px}
.gd-resumo ul{margin-top:0}

/* passo a passo numerado */
.gd-passos{list-style:none;padding-left:0!important;counter-reset:gdp;gap:12px!important}
.gd-passos>li{counter-increment:gdp;position:relative;padding:14px 16px 14px 58px;background:var(--papel);border:1px solid var(--linha);border-radius:12px}
.gd-passos>li::before{content:counter(gdp);position:absolute;left:14px;top:13px;width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;font:800 15px/30px var(--display);text-align:center}
.gd-passos>li b{display:block;color:var(--navy);margin-bottom:2px}

/* tabelas (cabem no celular sem rolagem lateral) */
.gd-tabela{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;background:var(--papel);border:1px solid var(--linha);border-radius:12px;overflow:hidden;margin-top:12px;font-size:16px}
.gd-tabela caption{text-align:left;font:700 17px var(--display);color:var(--navy);padding-bottom:8px;caption-side:top}
.gd-tabela th,.gd-tabela td{padding:10px 12px;border-bottom:1px solid var(--linha);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.gd-tabela thead th{background:var(--fundo);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--t2)}
.gd-tabela tbody tr:last-child th,.gd-tabela tbody tr:last-child td{border-bottom:0}
.gd-tabela tbody th{font-weight:700;color:var(--tinta)}
.gd-tabela tr.gd-laranja{background:#FFF4EA}
.gd-cor{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:7px;vertical-align:-1px;background:var(--c)}

/* fonte oficial embaixo de um trecho */
.gd-fonte{margin-top:10px!important;font-size:14px!important;color:var(--t3)!important}
.gd-fonte a{font-weight:600}

/* caixa de destaque (o nosso produto / a nossa assessoria) */
.gd-caixa{background:var(--fundo);border:1px solid var(--linha);border-radius:14px;padding:22px 24px;margin-top:14px}
.gd-caixa h3{margin-top:0}
.gd-caixa .gd-acoes{margin-top:16px}
.gd-acoes{display:flex;gap:10px 14px;flex-wrap:wrap;align-items:center}
.gd-verde{border-left:5px solid var(--verde)}

/* cartões (concorrentes, serviços, outros guias) */
.gd-cartoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.gd-cartao{background:var(--papel);border:1px solid var(--linha);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:6px}
.gd-cartao h3{margin:0;font-size:19px}
.gd-cartao p,.gd-cartao li{font-size:15.5px!important}
.gd-cartao ul{margin-top:4px;gap:4px}
.gd-cartao .gd-fonte{margin-top:auto!important;padding-top:8px}
.gd-cartao-link{align-self:flex-start;margin-top:6px;font-weight:700;color:var(--navy);text-decoration:none!important;border-bottom:2px solid var(--laranja);padding-bottom:2px}

/* figura */
.gd-fig{margin:16px 0 0}
.gd-fig img{display:block;width:100%;max-width:560px;height:auto;border-radius:14px;box-shadow:0 14px 36px rgba(27,36,71,.18)}
.gd-fig figcaption{margin-top:8px;font-size:14px;color:var(--t3)}

/* termômetro (as 5 faixas do painel de reputação) */
.gd-termo{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:14px;max-width:560px}
.gd-termo span{display:block;height:14px;border-radius:3px;background:var(--c)}
.gd-termo-leg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-width:560px;margin-top:6px;font-size:13px;color:var(--t2);text-align:center}
.gd-termo-leg b{color:var(--tinta)}

/* dados da empresa */
.gd-dados{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);background:var(--papel);border:1px solid var(--linha);border-radius:12px;overflow:hidden;margin-top:12px}
.gd-dados dt,.gd-dados dd{padding:11px 14px;border-bottom:1px solid var(--linha);font-size:16px;overflow-wrap:anywhere}
.gd-dados dt{font-weight:700;color:var(--navy);background:var(--fundo)}
.gd-dados dd{color:var(--tinta)}
.gd-dados dt:last-of-type,.gd-dados dd:last-of-type{border-bottom:0}

/* chamada final */
.gd-cta{background:var(--navy);border-radius:16px;padding:32px 34px;text-align:center;color:#fff;margin-top:40px}
.gd-cta h2{color:#fff!important;font-size:clamp(21px,2.4vw,26px)!important;margin-bottom:10px!important}
.gd-cta p{color:rgba(255,255,255,.8)!important;max-width:620px;margin:0 auto 18px!important}
.gd-cta .gd-acoes{justify-content:center}
.gd-cta .btn-contorno{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6)}
.gd-cta .btn-contorno:hover{background:rgba(255,255,255,.08)}
.gd-cert{display:inline-block;font-size:14px;font-weight:600;color:#C9F5DC;background:rgba(0,166,80,.2);border:1px solid rgba(61,220,132,.5);border-radius:999px;padding:6px 13px;margin-bottom:18px}

/* perguntas frequentes (mesmo desenho do FAQ da /reputacao-verde/) */
.gd-faq{display:flex;flex-direction:column;gap:10px;max-width:820px}
.gd-faq details{background:var(--papel);border:1px solid var(--linha);border-radius:10px;padding:14px 18px}
.gd-faq summary{cursor:pointer;font-weight:700;color:var(--navy);font-size:17px}
.gd-faq p{color:var(--t2);font-size:16px;margin-top:8px}
.gd-faq a{color:var(--navy);font-weight:600}

/* fontes oficiais */
.gd-fontes{font-size:15px!important}
.gd-fontes li{overflow-wrap:anywhere}

/* outros guias (no fim de cada página) */
.gd-outros{margin-top:40px}
.gd-outros ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px}
.gd-outros li a{display:block;height:100%;background:var(--papel);border:1px solid var(--linha);border-radius:12px;padding:14px 16px;text-decoration:none;font-weight:700;font-size:16.5px;color:var(--navy)}
.gd-outros li a:hover{border-color:var(--laranja);color:var(--navy)}
.gd-outros small{display:block;margin-top:3px;font-weight:400;font-size:14.5px;color:var(--t2)}

@media (max-width:760px){.gd-cartoes,.gd-outros ul{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  html{scroll-padding-top:120px}
  .wrap{padding-inline:16px}
  .gd-topo{padding-block:34px 32px}
  .gd-lead{font-size:17px}
  .gd-corpo p,.gd-corpo ul,.gd-corpo ol{font-size:16.5px}
  .gd-resumo{padding:16px 16px}
  .gd-caixa{padding:18px 16px}
  .gd-cartao{padding:16px}
  .gd-passos>li{padding:12px 12px 12px 52px}
  .gd-passos>li::before{left:11px}
  .gd-tabela{font-size:14.5px}
  .gd-tabela th,.gd-tabela td{padding:9px 8px}
  .gd-tabela thead th{font-size:11.5px;letter-spacing:.03em}
  .gd-dados{grid-template-columns:minmax(0,1fr)}
  .gd-dados dt{border-bottom:0;padding-bottom:2px}
  .gd-dados dd{padding-top:2px}
  .gd-dados dt:last-of-type{border-bottom:0}
  .gd-cta{padding:26px 18px}
  .gd-cta .btn{width:100%}
  .gd-termo-leg{font-size:11.5px}
}