/**
 * local.css — Páginas de SEO local (/criacao-de-sites/<uf>/<cidade>/<profissao>)
 * Reaproveita o sistema da home v5 (.hx-*). Aqui só as seções novas:
 * notícias, links da região, fontes, citações e variações de template.
 */

/* Citações no texto: link discreto para a fonte */
.hx--local .hx-cite {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: var(--hx-accent);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.hx--local .hx-cite:hover { color: var(--hx-accent-text, var(--hx-accent)); }

/* Notícias */
.lx-news__grid { display: grid; gap: 1rem; list-style: none; margin: 0; padding: 0; }
@media (min-width: 720px) { .lx-news__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.lx-news__item { display: flex; flex-direction: column; gap: 0.6rem; padding: 1.4rem; }
.lx-news__meta { margin: 0; font-size: 0.75rem; color: var(--hx-fg-3); letter-spacing: 0.02em; }
.lx-news__title { margin: 0; font-size: 1.05rem; line-height: 1.35; }
.lx-news__title a { color: var(--hx-fg); text-decoration: none; }
.lx-news__title a:hover { color: var(--hx-accent-text, var(--hx-accent)); text-decoration: underline; }
.lx-news__text { margin: 0; color: var(--hx-fg-2); line-height: 1.6; }

/* Links da região (grupos) */
.lx-links__groups { display: grid; gap: 1.5rem; }
@media (min-width: 820px) { .lx-links__groups { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.lx-links__group { border-top: 1px solid var(--hx-rule-strong, var(--hx-rule)); padding-top: 1rem; }
.lx-links__title { margin: 0 0 0.75rem; font-size: 0.95rem; color: var(--hx-fg); }
.lx-links__group ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.5rem; }
.lx-links__group a { color: var(--hx-fg-2); text-decoration: none; }
.lx-links__group a:hover { color: var(--hx-accent-text, var(--hx-accent)); text-decoration: underline; }

/* Fontes consultadas */
.lx-sources { padding-block: 2rem; }
.lx-sources__title { margin: 0 0 1rem; font-size: 1rem; color: var(--hx-fg); }
.lx-sources__list { margin: 0; padding-left: 1.25rem; display: grid; gap: 0.5rem; font-size: 0.85rem; color: var(--hx-fg-3); }
.lx-sources__list a { color: var(--hx-fg-2); overflow-wrap: anywhere; }
.lx-sources__date { white-space: nowrap; }

/* Templates: mesma base, apresentação diferente */
.hx--tpl-blocos .hx-editorial__body p {
  background: var(--hx-card, transparent);
  border: 1px solid var(--hx-rule);
  border-radius: var(--hx-radius-lg, 16px);
  padding: 1.25rem 1.4rem;
}
.hx--tpl-passo-a-passo .hx-editorial__body { counter-reset: lx-passo; }
.hx--tpl-passo-a-passo .hx-editorial__body p { position: relative; padding-left: 2.5rem; }
.hx--tpl-passo-a-passo .hx-editorial__body p::before {
  counter-increment: lx-passo;
  content: counter(lx-passo, decimal-leading-zero);
  position: absolute; left: 0; top: 0.1em;
  font-family: var(--hx-mono, monospace); font-size: 0.8rem; color: var(--hx-accent-text, var(--hx-accent));
}