/* Estrutura editorial do blog — IDEIA Tecnologia da Informação
   Complementa o CSS do blog (0fiurni2w1f0t.css) com:
   1. tipografia do corpo do artigo   3. tabela
   2. caixas de destaque/atenção      4. FAQ, autor, relacionados, navegação e índice
   Padrão: subtítulos e textos corridos justificados, títulos à esquerda. */

/* ---------- 1. corpo do artigo ---------- */
.lawb-corpo {
  font-size: 18px;
  line-height: 1.78;
  color: #24303f;
  min-width: 0;
}
.lawb-body-grid > * { min-width: 0; }
.lawb-corpo > * + * { margin-top: 22px; }
.lawb-corpo .lead {
  font-size: clamp(19px, 1.9vw, 22px);
  line-height: 1.6;
  color: var(--navy);
  font-weight: 600;
  text-align: justify;
  text-justify: inter-word;
}
.lawb-corpo h2 {
  margin: 48px 0 0;
  font-size: clamp(24px, 2.6vw, 32px);
  line-height: 1.18;
  letter-spacing: -.035em;
  color: var(--navy);
  font-weight: 900;
  text-align: left;
  scroll-margin-top: 110px;
}
.lawb-corpo h3 {
  margin: 34px 0 0;
  font-size: clamp(19px, 2vw, 23px);
  line-height: 1.25;
  letter-spacing: -.025em;
  color: var(--navy);
  font-weight: 850;
  text-align: left;
  scroll-margin-top: 110px;
}
.lawb-corpo p {
  margin: 0;
  text-align: justify;
  text-justify: inter-word;
  hyphens: auto;
  -webkit-hyphens: auto;
  overflow-wrap: break-word;
}
.lawb-corpo a {
  color: #a16207;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
.lawb-corpo a:hover { color: #7a4a05; }
.lawb-corpo strong { color: var(--navy); font-weight: 780; }
.lawb-corpo ul,
.lawb-corpo ol { margin: 0; padding-left: 24px; display: grid; gap: 10px; }
.lawb-corpo li { line-height: 1.68; padding-left: 4px; }
.lawb-corpo li::marker { color: #d99a00; font-weight: 800; }
.lawb-corpo blockquote {
  margin: 0;
  padding: 6px 0 6px 22px;
  border-left: 3px solid #ffc000;
  font-size: clamp(19px, 2vw, 21px);
  line-height: 1.55;
  color: var(--navy);
  font-weight: 650;
  text-align: left;
}
.lawb-corpo blockquote cite { display: block; margin-top: 10px; color: var(--muted); font-size: 14px; font-style: normal; font-weight: 600; }
.lawb-corpo figure { margin: 0; }
.lawb-corpo figure img { width: 100%; height: auto; border: 1px solid var(--line); border-radius: 18px; display: block; }
.lawb-corpo figcaption { margin-top: 10px; color: var(--muted); font-size: 13px; line-height: 1.55; }
.lawb-corpo hr { margin: 42px 0; border: 0; border-top: 1px solid var(--line); }

/* ---------- 2. caixas ---------- */
.lawb-caixa {
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 20px 22px;
  display: grid;
  gap: 8px;
}
.lawb-caixa > strong {
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--navy);
}
.lawb-caixa p { margin: 0; font-size: 16px; line-height: 1.66; color: #33414f; text-align: justify; text-justify: inter-word; }
.lawb-caixa ul { margin: 0; padding-left: 20px; display: grid; gap: 8px; font-size: 16px; line-height: 1.6; }
.lawb-caixa-destaque { background: #ffc00012; border-color: #ffc00047; }
.lawb-caixa-destaque > strong { color: #a16207; }
.lawb-caixa-atencao { background: #0f172a0a; border-color: #0f172a24; }
.lawb-caixa-pratica { background: #f8fafc; }
.lawb-caixa-pratica > strong { color: #a16207; }

/* ---------- 3. tabela ---------- */
.lawb-tabela { border: 1px solid var(--line); border-radius: 16px; overflow-x: auto; max-width: 100%; }
.lawb-tabela table { width: 100%; min-width: 520px; border-collapse: collapse; font-size: 15px; }
.lawb-tabela th,
.lawb-tabela td { padding: 12px 15px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.lawb-tabela th { background: #f8fafc; color: var(--navy); font-size: 12px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.lawb-tabela tr:last-child td { border-bottom: 0; }
.lawb-tabela td:first-child { color: var(--navy); font-weight: 700; }

/* ---------- 4. FAQ do post (usa o acordeão do menu-ptbr.js) ---------- */
.lawb-faq { display: grid; gap: 12px; margin-top: 26px; }
.lawb-faq-item { border: 1px solid var(--line); border-radius: 18px; background: #fff; overflow: hidden; }
.lawb-faq-button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 22px;
  border: 0;
  background: 0 0;
  font-family: inherit;
  font-size: 17px;
  font-weight: 780;
  line-height: 1.35;
  color: var(--navy);
  text-align: left;
  cursor: pointer;
}
.lawb-faq-button span:last-child { color: #a16207; font-size: 22px; line-height: 1; flex: none; }
.lawb-faq-item.is-open .lawb-faq-button span:last-child { color: #a16207; }
.lawb-faq-body { display: none; padding: 0 22px 22px; color: #475569; font-size: 16px; line-height: 1.72; text-align: justify; text-justify: inter-word; }
.lawb-faq-item.is-open .lawb-faq-body { display: block; }

/* ---------- 5. compartilhar ---------- */
.lawb-share {  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 42px;
  padding: 18px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.lawb-share > span { color: var(--muted); font-size: 12px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.lawb-share a {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 8px 15px;
  font-size: 14px;
  font-weight: 700;
  color: var(--navy);
  text-decoration: none;
  background: #fff;
  transition: border-color .16s, transform .16s;
}
.lawb-share a:hover { border-color: #ffc00073; transform: translateY(-1px); }

/* ---------- 6. índice: destaque, busca, temas, relacionados, navegação ---------- */
.lawb-busca { display: flex; gap: 10px; margin-top: 26px; max-width: 470px; }
.lawb-busca input {
  flex: 1;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  padding: 13px 18px;
  font: inherit;
  font-size: 15px;
  color: var(--navy);
}
.lawb-busca input::placeholder { color: #94a3b8; }
.lawb-busca input:focus { outline: 2px solid #ffc00066; outline-offset: 1px; }
.lawb-destaque {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  border: 1px solid var(--line);
  border-radius: 24px;
  overflow: hidden;
  background: #fff;
  margin: 0 0 34px;
  box-shadow: 0 24px 60px #0f172a12;
}
.lawb-destaque { position: relative; }
.lawb-destaque-img { position: relative; min-height: 330px; background: #0a1020; }
.lawb-destaque-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
/* a capa social é 1200×630: a caixa do card usa a mesma proporção para não cortar o título da imagem */
.lawb-card-img { aspect-ratio: 1200 / 630; }
.lawb-destaque-body { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: clamp(24px, 3vw, 40px); }
.lawb-destaque-body .cat { color: #a16207; font-size: 11px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.lawb-destaque-body h2 { margin: 0; font-size: clamp(24px, 2.7vw, 34px); line-height: 1.13; letter-spacing: -.04em; color: var(--navy); font-weight: 900; text-align: left; }
.lawb-destaque-body h2 a { color: inherit; text-decoration: none; }
.lawb-destaque-body h2 a:hover { color: #a16207; }
.lawb-destaque-body p { margin: 0; color: var(--muted); font-size: 17px; line-height: 1.6; text-align: justify; text-justify: inter-word; }
.lawb-destaque-body .lawb-meta { margin-top: 2px; }
.lawb-destaque-body .lawb-btn { margin-top: 8px; }
.lawb-secao-titulo { margin: 0 0 22px; font-size: clamp(22px, 2.4vw, 30px); line-height: 1.15; letter-spacing: -.03em; color: var(--navy); font-weight: 900; text-align: left; }
.lawb-temas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.lawb-tema { border: 1px solid var(--line); border-radius: 18px; background: #fff; padding: 20px 22px; }
.lawb-tema h3 { margin: 0 0 8px; font-size: 17px; color: var(--navy); font-weight: 850; text-align: left; }
.lawb-tema p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.62; text-align: justify; text-justify: inter-word; }
.lawb-relacionados { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.lawb-card .excerpt { color: var(--muted); margin: 0 0 14px; font-size: 14px; line-height: 1.6; }
.lawb-card .meta { color: var(--muted); margin-top: auto; font-size: 12px; display: flex; gap: 8px; flex-wrap: wrap; }
.lawb-card.is-hidden,
.lawb-destaque.is-hidden { display: none; }
.lawb-post-nav { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.lawb-post-nav a {
  flex: 1 1 250px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  padding: 16px 18px;
  color: var(--navy);
  text-decoration: none;
  transition: border-color .16s, transform .16s;
}
.lawb-post-nav a:hover { border-color: #ffc00073; transform: translateY(-2px); }
.lawb-post-nav small { display: block; margin-bottom: 6px; color: var(--muted); font-size: 11px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.lawb-post-nav strong { font-size: 16px; line-height: 1.3; }
.lawb-post-nav .proximo { text-align: right; }

/* o sumário acompanha o artigo em telas largas */
.lawb-body-grid.with-toc { align-items: start; }

@media (max-width: 1000px) {
  .lawb-destaque { grid-template-columns: 1fr; }
  .lawb-destaque-img { min-height: 250px; }
  .lawb-temas,
  .lawb-relacionados { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .lawb-corpo { font-size: 17px; }
  .lawb-corpo h2 { margin-top: 38px; }
  .lawb-destaque-body { padding: 22px; }
  .lawb-share { gap: 8px; }
  .lawb-share a { font-size: 13px; padding: 7px 12px; }
}

/* ---------- 7. leitura por voz do artigo ---------- */
.lawb-ouvir {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  margin-top: 24px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff, #fbfbfc);
  box-shadow: 0 12px 30px #0f172a0a;
}
.lawb-ouvir-btn {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  border: 1px solid #ffc00057;
  border-radius: 999px;
  padding: 11px 18px;
  background: linear-gradient(135deg, #ffe9a3 0%, #ffc000 42%, #e8ad00 72%, #c98f00 100%);
  color: #111827;
  font-family: inherit;
  font-size: 14px;
  font-weight: 850;
  cursor: pointer;
  transition: transform .18s, box-shadow .18s, background .18s;
}
.lawb-ouvir-btn:hover { transform: translateY(-1px); box-shadow: 0 12px 26px #ffc0003d; }
.lawb-ouvir-btn[aria-pressed="true"] { background: #111827; border-color: #111827; color: #fff; }
.lawb-ouvir-icone { font-size: 12px; line-height: 1; letter-spacing: .02em; }
.lawb-ouvir-parar {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 10px 16px;
  background: #fff;
  color: var(--navy);
  font-family: inherit;
  font-size: 14px;
  font-weight: 750;
  cursor: pointer;
  transition: border-color .16s, transform .16s;
}
.lawb-ouvir-parar:hover { border-color: #ffc00073; transform: translateY(-1px); }
.lawb-ouvir-vel {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.lawb-ouvir-vel select {
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 8px 10px;
  background: #fff;
  color: var(--navy);
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
.lawb-ouvir-estado { color: var(--muted); font-size: 13px; line-height: 1.4; }
.lawb-corpo .is-lendo {
  box-shadow: inset 3px 0 0 #ffc000;
  background: #ffc0000f;
  border-radius: 8px;
  padding-left: 10px;
  margin-left: -10px;
}
@media (max-width: 620px) {
  .lawb-ouvir { gap: 8px; padding: 12px; }
  .lawb-ouvir-btn,
  .lawb-ouvir-parar { font-size: 13px; padding: 10px 14px; }
  .lawb-ouvir-estado { flex-basis: 100%; }
}