/* Menu Segmentos do Portal Leadlovers 2026 (30/08/2026).
   Folha compartilhada do hub e das páginas por ramo. Enquanto as páginas
   estão em construção, o que vive aqui é o aviso, o roteiro do que vem e a
   prateleira do que já existe. Tokens de tema herdados de geo-design.css e
   portal-nav.css; a cor de família vem por --seg-cor no próprio elemento. */

:root {
  --seg-ll: #DD235B;
  --seg-ink: #B01A47;
  --seg-navy: #1E2365;
  --seg-navy-ink: #1E2365;
  --seg-soft: #FCE4EC;
  --seg-line: rgba(30, 35, 101, 0.14);
  --seg-surface: #ffffff;
  --seg-surface-2: #F6F7FB;
  --seg-muted: #4b5563;
  --seg-gold: #C8962C;
  --seg-gold-ink: #8A6516;
  --seg-gold-soft: #FBF3E1;
  --seg-green-ink: #14532D;
  --seg-green-soft: #E3F3E8;
  --color-brand: var(--seg-ink);
  --color-brand-light: var(--seg-soft);
  --color-brand-lighter: #FFF5F8;
  --color-brand-dark: #8A1338;
}
:root[data-theme="dark"] {
  --seg-ll: #F2799C;
  --seg-ink: #F2799C;
  --seg-navy: #141d3a;
  --seg-navy-ink: #C9D1F5;
  --seg-soft: #2a1620;
  --seg-line: rgba(255, 255, 255, 0.14);
  --seg-surface: #101827;
  --seg-surface-2: #0f1522;
  --seg-muted: #C3CAD9;
  --seg-gold-ink: #E0B45A;
  --seg-gold-soft: #2b2312;
  --seg-green-ink: #7FD79B;
  --seg-green-soft: #10321d;
  --color-brand: var(--seg-ink);
  --color-brand-light: var(--seg-soft);
  --color-brand-lighter: #1c1218;
  --color-brand-dark: #F9A8C0;
}

.geo-breadcrumb a { color: var(--seg-ink); }
:root[data-theme="dark"] .geo-breadcrumb [aria-current="page"] { color: var(--color-text); }
:root[data-theme="dark"] .geo-footer a { color: var(--seg-ink); }

.seg-main { max-width: 1120px; margin-inline: auto; padding-inline: clamp(1rem, 4vw, 2.5rem); padding-bottom: 3rem; }
.seg-main h1 { font-size: clamp(1.7rem, 1.2rem + 1.8vw, 2.5rem); line-height: 1.15; margin: .4rem 0 .6rem; color: var(--seg-navy-ink); max-width: 24ch; text-wrap: balance; }
.seg-main h2 { color: var(--seg-navy-ink); font-size: 1.35rem; margin: 0 0 .6rem; }
.seg-main p { max-width: 72ch; text-align: justify; text-wrap: pretty; hyphens: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.seg-pular { position: absolute; left: -999px; top: 0; }
.seg-pular:focus { left: 1rem; top: 1rem; z-index: 2000; background: var(--seg-surface); padding: .5rem .8rem; border-radius: 8px; }

.seg-eyebrow { display: inline-flex; align-items: center; gap: .45rem; letter-spacing: .08em; text-transform: uppercase; font-weight: 700; font-size: .74rem; color: var(--seg-ink); margin-top: 1.2rem; }
.seg-eyebrow .geo-icon { width: 1rem; height: 1rem; }

/* ─── Selo de estado ──────────────────────────────────────────────────── */
.seg-estado { display: inline-flex; align-items: center; gap: .5rem; border: 1px solid var(--seg-gold); background: var(--seg-gold-soft); color: var(--seg-gold-ink); border-radius: 999px; padding: .32rem .8rem .32rem .55rem; font-size: .82rem; font-weight: 700; margin: .2rem 0 1rem; }
.seg-estado-ponto { width: .62rem; height: .62rem; border-radius: 50%; background: var(--seg-gold); box-shadow: 0 0 0 0 rgba(200, 150, 44, .5); }
@media (prefers-reduced-motion: no-preference) {
  .seg-estado-ponto { animation: seg-pulso 1.8s ease-out infinite; }
  @keyframes seg-pulso { 0% { box-shadow: 0 0 0 0 rgba(200, 150, 44, .55); } 70% { box-shadow: 0 0 0 .55rem rgba(200, 150, 44, 0); } 100% { box-shadow: 0 0 0 0 rgba(200, 150, 44, 0); } }
}

/* ─── Abertura em duas colunas ────────────────────────────────────────── */
.seg-hero { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(260px, .9fr); gap: clamp(1.2rem, 3vw, 2.6rem); align-items: center; margin: .4rem 0 2rem; }
.seg-hero-lead { font-size: 1.08rem; line-height: 1.65; color: var(--seg-muted); }
.seg-hero-figura { border: 1px solid var(--seg-line); border-radius: 18px; background: linear-gradient(160deg, var(--color-brand-lighter), var(--seg-surface-2)); padding: 1rem; }
.seg-hero-figura svg { width: 100%; height: auto; display: block; }
.seg-figura-caixa { fill: var(--seg-surface); stroke: var(--seg-line); }
.seg-figura-rotulo { font: 700 11px system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; fill: var(--seg-navy-ink); }
.seg-figura-rotulo--claro { fill: #ffffff; }
.seg-figura-linha { stroke: var(--seg-ink); stroke-width: 2; fill: none; stroke-linecap: round; stroke-dasharray: 6 8; }
.seg-figura-obra { fill: var(--seg-gold-soft); stroke: var(--seg-gold); stroke-width: 1.5; stroke-dasharray: 5 4; }
.seg-figura-obra-texto { font: 700 10px system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; fill: var(--seg-gold-ink); letter-spacing: .06em; }
.seg-figura-token { fill: var(--seg-ll); }
@media (prefers-reduced-motion: no-preference) {
  .seg-figura-linha { animation: seg-anda 1.6s linear infinite; }
  @keyframes seg-anda { to { stroke-dashoffset: -28; } }
  .seg-figura-token { offset-path: path("M 62 60 C 130 60, 130 120, 200 120 S 270 60, 338 60"); animation: seg-viaja 4.2s ease-in-out infinite; }
  @keyframes seg-viaja { 0% { offset-distance: 0%; opacity: 0; } 8% { opacity: 1; } 92% { opacity: 1; } 100% { offset-distance: 100%; opacity: 0; } }
}

/* ─── Aviso de construção ─────────────────────────────────────────────── */
.seg-aviso { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 1rem; align-items: start; border: 1px solid var(--seg-gold); border-left-width: 5px; background: var(--seg-gold-soft); border-radius: 14px; padding: 1.1rem 1.3rem; margin: 0 0 2.2rem; }
.seg-aviso-icone { width: 2.6rem; height: 2.6rem; border-radius: 12px; display: grid; place-items: center; background: var(--seg-surface); border: 1px solid var(--seg-gold); color: var(--seg-gold-ink); }
.seg-aviso-icone .geo-icon { width: 1.4rem; height: 1.4rem; }
.seg-aviso h2 { font-size: 1.1rem; margin: 0 0 .35rem; color: var(--seg-gold-ink); }
.seg-aviso p { margin: 0; max-width: 78ch; }
.seg-aviso p + p { margin-top: .5rem; }

/* ─── Para quem é ─────────────────────────────────────────────────────── */
.seg-quem { display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; margin: .4rem 0 0; list-style: none; }
.seg-quem li { border: 1px solid var(--seg-line); background: var(--seg-surface); border-radius: 999px; padding: .32rem .75rem; font-size: .86rem; color: var(--seg-navy-ink); }

/* ─── Roteiro do que vem ──────────────────────────────────────────────── */
.seg-secao { margin: 0 0 2.4rem; }
.seg-secao-intro { color: var(--seg-muted); margin: 0 0 1rem; }
.seg-etapas { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: .9rem; counter-reset: etapa; }
.seg-etapa { position: relative; border: 1px solid var(--seg-line); border-radius: 14px; background: var(--seg-surface); padding: 1rem 1.1rem 1rem 3.4rem; counter-increment: etapa; }
.seg-etapa::before { content: counter(etapa, decimal-leading-zero); position: absolute; left: 1rem; top: 1rem; width: 1.7rem; height: 1.7rem; display: grid; place-items: center; border-radius: 9px; background: var(--seg-navy); color: #fff; font-size: .78rem; font-weight: 800; }
:root[data-theme="dark"] .seg-etapa::before { color: var(--seg-navy-ink); }
.seg-etapa h3 { margin: 0 0 .3rem; font-size: 1rem; color: var(--seg-navy-ink); display: flex; align-items: center; gap: .45rem; }
.seg-etapa h3 .geo-icon { width: 1.05rem; height: 1.05rem; color: var(--seg-ink); }
.seg-etapa p { margin: 0 0 .55rem; font-size: .92rem; line-height: 1.6; color: var(--seg-muted); }
.seg-etapa-estado { display: inline-flex; align-items: center; gap: .35rem; font-size: .74rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--seg-gold-ink); }
.seg-etapa-estado::before { content: ""; width: .5rem; height: .5rem; border-radius: 50%; background: var(--seg-gold); }

/* ─── Dores ───────────────────────────────────────────────────────────── */
.seg-dores { list-style: none; padding: 0; margin: 0; display: grid; gap: .6rem; }
.seg-dores li { position: relative; padding-left: 1.8rem; line-height: 1.6; max-width: 78ch; text-align: justify; text-wrap: pretty; hyphens: auto; }
.seg-dores li::before { content: ""; position: absolute; left: 0; top: .5em; width: .7rem; height: .7rem; border-radius: 3px; background: var(--seg-ll); }

/* ─── Prateleira do que já existe ─────────────────────────────────────── */
.seg-prateleira { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: .8rem; }
.seg-prateleira a { display: flex; align-items: center; gap: .7rem; border: 1px solid var(--seg-line); border-radius: 12px; background: var(--seg-surface); padding: .85rem 1rem; color: inherit; text-decoration: none; min-height: 56px; line-height: 1.4; font-size: .93rem; transition: border-color .18s ease, transform .18s ease; }
.seg-prateleira a:hover, .seg-prateleira a:focus-visible { border-color: var(--seg-ink); transform: translateY(-1px); }
.seg-prateleira a .geo-icon { flex: none; width: 1.1rem; height: 1.1rem; color: var(--seg-ink); }

/* ─── Hub: grade por família ──────────────────────────────────────────── */
.seg-familia { margin: 0 0 2.2rem; padding-top: .2rem; border-top: 3px solid var(--seg-cor, var(--seg-navy)); }
.seg-familia-cabeca { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin: .9rem 0 .8rem; }
.seg-familia-cabeca h2 { margin: 0; }
.seg-familia-conta { font-size: .74rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--seg-muted); }
.seg-grade { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: .9rem; }
.seg-card { display: grid; grid-template-rows: auto 1fr auto; gap: .5rem; border: 1px solid var(--seg-line); border-left: 4px solid var(--seg-cor, var(--seg-ll)); border-radius: 14px; background: var(--seg-surface); padding: 1rem 1.1rem; color: inherit; text-decoration: none; transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.seg-card:hover, .seg-card:focus-visible { border-color: var(--seg-cor, var(--seg-ll)); transform: translateY(-2px); box-shadow: 0 10px 24px -18px rgba(30, 35, 101, .5); }
.seg-card-topo { display: flex; align-items: center; gap: .6rem; }
.seg-card-icone { width: 2.1rem; height: 2.1rem; border-radius: 10px; display: grid; place-items: center; background: color-mix(in srgb, var(--seg-cor, var(--seg-ll)) 12%, transparent); color: var(--seg-cor, var(--seg-ll)); }
.seg-card-icone .geo-icon { width: 1.15rem; height: 1.15rem; }
.seg-card strong { font-size: 1rem; color: var(--seg-navy-ink); line-height: 1.3; }
.seg-card p { margin: 0; font-size: .9rem; line-height: 1.55; color: var(--seg-muted); }
.seg-card-pe { display: flex; align-items: center; justify-content: space-between; gap: .5rem; font-size: .78rem; font-weight: 700; }
.seg-card-pe .seg-etapa-estado { font-size: .7rem; }
.seg-card-ir { display: inline-flex; align-items: center; gap: .3rem; color: var(--seg-ink); }
.seg-card-ir .geo-icon { width: .95rem; height: .95rem; }

/* ─── Índice de famílias no hub ───────────────────────────────────────── */
.seg-indice { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1.8rem; padding: 0; list-style: none; }
.seg-indice a { display: inline-flex; align-items: center; gap: .4rem; border: 1px solid var(--seg-line); border-radius: 999px; padding: .4rem .85rem; font-size: .86rem; font-weight: 600; color: var(--seg-navy-ink); text-decoration: none; background: var(--seg-surface); min-height: 40px; }
.seg-indice a:hover, .seg-indice a:focus-visible { border-color: var(--seg-cor, var(--seg-ink)); }
.seg-indice a::before { content: ""; width: .55rem; height: .55rem; border-radius: 50%; background: var(--seg-cor, var(--seg-ll)); }

/* ─── Paginação entre segmentos e pedido ──────────────────────────────── */
.seg-vizinhos { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin: 0 0 2rem; }
.seg-vizinhos a { display: grid; gap: .2rem; border: 1px solid var(--seg-line); border-radius: 12px; padding: .8rem 1rem; text-decoration: none; color: inherit; background: var(--seg-surface); }
.seg-vizinhos a:hover, .seg-vizinhos a:focus-visible { border-color: var(--seg-ink); }
.seg-vizinhos small { font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; color: var(--seg-muted); font-weight: 700; }
.seg-vizinhos strong { color: var(--seg-navy-ink); font-size: .95rem; }
.seg-vizinhos a:last-child { text-align: right; }
.seg-pedido { border: 1px solid var(--seg-line); border-radius: 14px; background: var(--seg-navy); color: #fff; padding: 1.3rem 1.4rem; display: grid; gap: .6rem; }
:root[data-theme="dark"] .seg-pedido { color: var(--seg-navy-ink); }
.seg-pedido h2 { color: inherit; margin: 0; }
.seg-pedido p { color: inherit; margin: 0; opacity: .92; }
.seg-pedido-acoes { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: .3rem; }
.seg-pedido-acoes a { display: inline-flex; align-items: center; gap: .4rem; min-height: 44px; padding: .55rem 1rem; border-radius: 10px; font-weight: 700; text-decoration: none; border: 1px solid rgba(255, 255, 255, .45); color: inherit; }
.seg-pedido-acoes a:first-child { background: var(--seg-ll); border-color: var(--seg-ll); color: #fff; }
/* No escuro a marca clareia para #F2799C; branco cai abaixo de 3:1, então a tinta vira escura. */
:root[data-theme="dark"] .seg-pedido-acoes a:first-child { color: #14060b; }
:root[data-theme="dark"] .seg-pedido-acoes a { color: var(--seg-navy-ink); }
:root[data-theme="dark"] .seg-pedido-acoes a:first-child { color: #14060b; }
.seg-pedido-acoes a .geo-icon { width: 1rem; height: 1rem; }

/* ─── Revelação suave e movimento reduzido ────────────────────────────── */
@media (prefers-reduced-motion: no-preference) {
  html.seg-js .seg-revelar { opacity: 0; transform: translateY(10px); transition: opacity .5s ease, transform .5s ease; }
  html.seg-js .seg-revelar.is-visivel { opacity: 1; transform: none; }
}
html[data-llx-motion="reduce"] .seg-revelar { opacity: 1; transform: none; transition: none; }
html[data-llx-motion="reduce"] .seg-estado-ponto, html[data-llx-motion="reduce"] .seg-figura-linha, html[data-llx-motion="reduce"] .seg-figura-token { animation: none; }

@media (max-width: 760px) {
  .seg-hero { grid-template-columns: 1fr; }
  .seg-hero-figura { order: -1; }
  .seg-vizinhos { grid-template-columns: 1fr; }
  .seg-vizinhos a:last-child { text-align: left; }
  .seg-aviso { grid-template-columns: 1fr; }
}

/* ─── Guia publicado (30/08/2026): cápsula, sumário, cartões de use case, FAQ, fontes ─── */
.seg-capsula { border: 1px solid var(--seg-line); border-left: 4px solid var(--seg-ll); border-radius: 12px; background: var(--color-brand-lighter); padding: 1rem 1.2rem; margin: 1rem 0 .6rem; max-width: 85ch; }
.seg-capsula p { margin: 0; font-size: 1.05rem; line-height: 1.65; max-width: none; }
.seg-meta { display: inline-flex; align-items: center; gap: .4rem; font-size: .84rem; color: var(--seg-muted); margin: 0 0 1.2rem; }
.seg-meta .geo-icon { width: 1rem; height: 1rem; }
.seg-indice-pagina { border: 1px solid var(--seg-line); border-radius: 14px; background: var(--seg-surface); padding: 1rem 1.2rem; margin: 0 0 1.8rem; }
.seg-indice-rotulo { margin: 0 0 .5rem; font-size: .74rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--seg-muted); }
.seg-indice-pagina ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: .35rem .9rem; counter-reset: sumario; }
.seg-indice-pagina li { counter-increment: sumario; }
.seg-indice-pagina a { display: flex; align-items: center; gap: .5rem; min-height: 40px; padding: .35rem .5rem; border-radius: 8px; color: var(--seg-navy-ink); text-decoration: none; font-weight: 600; font-size: .92rem; line-height: 1.3; }
.seg-indice-pagina a::before { content: counter(sumario, decimal-leading-zero); font-size: .72rem; font-weight: 800; color: var(--seg-ink); min-width: 1.4rem; }
.seg-indice-pagina a .geo-icon { width: 1rem; height: 1rem; color: var(--seg-ink); flex: none; }
.seg-indice-pagina a:hover, .seg-indice-pagina a:focus-visible { background: var(--color-brand-lighter); }
.seg-conteudo h2 { display: flex; align-items: center; gap: .5rem; font-size: 1.45rem; line-height: 1.25; margin: 0 0 .9rem; padding-bottom: .5rem; border-bottom: 1px solid var(--seg-line); }
.seg-conteudo h2 .geo-icon { width: 1.25rem; height: 1.25rem; color: var(--seg-ink); flex: none; }
.seg-conteudo { margin-bottom: 3rem; scroll-margin-top: 6rem; }
.seg-conteudo > p, .seg-conteudo li { font-size: 1.02rem; line-height: 1.7; }
.seg-conteudo > p { max-width: 72ch; margin: 0 0 1rem; }
.seg-conteudo ul, .seg-conteudo ol { max-width: 72ch; }
.seg-conteudo > ul > li { margin: .4rem 0; }
.seg-casos { list-style: none; padding: 0; margin: 1rem 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 1rem; }
.seg-caso { border: 1px solid var(--seg-line); border-top: 4px solid var(--seg-cor, var(--seg-ll)); border-radius: 14px; background: var(--seg-surface); padding: 1rem 1.1rem; display: grid; gap: .6rem; align-content: start; }
.seg-caso-topo { display: flex; align-items: center; gap: .6rem; margin: 0; max-width: none; text-align: left; }
.seg-caso-num { display: grid; place-items: center; width: 1.9rem; height: 1.9rem; border-radius: 9px; background: var(--seg-navy); color: #fff; font-size: .8rem; font-weight: 800; flex: none; }
:root[data-theme="dark"] .seg-caso-num { color: var(--seg-navy-ink); }
.seg-caso-topo strong { font-size: 1.02rem; line-height: 1.3; color: var(--seg-navy-ink); }
.seg-caso-meta, .seg-caso-pe { display: grid; gap: .3rem; margin: 0; font-size: .88rem; line-height: 1.5; color: var(--seg-muted); max-width: none; text-align: left; }
.seg-caso-meta span, .seg-caso-pe span { display: flex; gap: .4rem; align-items: flex-start; }
.seg-caso-meta .geo-icon, .seg-caso-pe .geo-icon { width: 1rem; height: 1rem; flex: none; margin-top: .2rem; color: var(--seg-ink); }
.seg-caso-meta b, .seg-caso-pe b { color: var(--seg-navy-ink); font-weight: 700; }
.seg-caso-passos { margin: 0; padding-left: 1.3rem; font-size: .92rem; line-height: 1.55; }
.seg-caso-passos li { margin: .25rem 0; }
.seg-caso-pe { border-top: 1px dashed var(--seg-line); padding-top: .6rem; }
.seg-faq-lista { margin: 0; display: grid; gap: .8rem; max-width: 80ch; }
.seg-faq-item { border: 1px solid var(--seg-line); border-radius: 12px; background: var(--seg-surface); padding: .9rem 1.1rem; }
.seg-faq-item dt { font-weight: 700; color: var(--seg-navy-ink); margin: 0 0 .35rem; font-size: 1rem; }
.seg-faq-item dd { margin: 0; line-height: 1.65; text-align: justify; text-wrap: pretty; hyphens: auto; }
.seg-fontes .lla-fontes { font-size: .88rem; line-height: 1.55; padding-left: 1.3rem; max-width: 90ch; }
.seg-fontes .lla-fontes li { margin: .45rem 0; }
.seg-fontes a { color: var(--seg-ink); word-break: break-all; }
.seg-fonte-data { color: var(--seg-muted); }
.seg-conteudo .lla-fig, .seg-conteudo .table-wrap, .seg-conteudo .lla-caixa, .seg-conteudo .lla-numeros, .seg-conteudo .lla-passos { margin: 1.2rem 0 1.4rem; }
@media (max-width: 640px) { .seg-conteudo h2 { font-size: 1.25rem; } }

.seg-etapa-estado--ok { color: var(--seg-green-ink); }
.seg-etapa-estado--ok::before { background: var(--seg-green-ink); }

/* ─── Blocos do guia: mensagem pronta e sequência de automação ─── */
.seg-mensagem { margin: 1.2rem 0 1.4rem; max-width: 72ch; }
.seg-mensagem figcaption { display: flex; flex-wrap: wrap; gap: .4rem 1rem; align-items: center; font-size: .82rem; color: var(--seg-muted); margin: 0 0 .4rem; }
.seg-mensagem-canal { display: inline-flex; align-items: center; gap: .35rem; font-weight: 700; color: var(--seg-navy-ink); }
.seg-mensagem-canal .geo-icon { width: 1rem; height: 1rem; color: var(--seg-ink); }
.seg-mensagem-balao { position: relative; border: 1px solid var(--seg-line); border-radius: 16px 16px 16px 4px; background: var(--seg-surface); padding: .9rem 1.1rem; box-shadow: 0 6px 18px -14px rgba(30, 35, 101, .5); }
.seg-mensagem--whatsapp .seg-mensagem-balao { background: #E7FBE9; border-color: #BFE8C6; }
:root[data-theme="dark"] .seg-mensagem--whatsapp .seg-mensagem-balao { background: #12301b; border-color: #1f4a2b; }
.seg-mensagem--email .seg-mensagem-balao { border-radius: 12px; }
.seg-mensagem-assunto { margin: 0 0 .5rem; font-weight: 700; color: var(--seg-navy-ink); text-align: left; max-width: none; }
.seg-mensagem-texto { margin: 0; white-space: pre-wrap; font: inherit; font-size: .96rem; line-height: 1.6; color: var(--color-text); }
.seg-mensagem-copiar { display: inline-flex; align-items: center; gap: .4rem; margin-top: .5rem; min-height: 40px; padding: .4rem .8rem; border: 1px solid var(--seg-line); border-radius: 10px; background: var(--seg-surface); color: var(--seg-ink); font-weight: 700; font-size: .86rem; cursor: pointer; }
.seg-mensagem-copiar:hover, .seg-mensagem-copiar:focus-visible { border-color: var(--seg-ink); }
.seg-mensagem-copiar .geo-icon { width: 1rem; height: 1rem; }
.seg-seq { margin: 1.4rem 0 1.6rem; border: 1px solid var(--seg-line); border-radius: 14px; background: var(--seg-surface); padding: 1rem 1.2rem; max-width: 80ch; }
.seg-seq-titulo { margin: 0 0 .8rem; font-weight: 700; color: var(--seg-navy-ink); text-align: left; max-width: none; }
.seg-seq-lista { list-style: none; margin: 0; padding: 0 0 0 2.6rem; position: relative; display: grid; gap: .9rem; }
.seg-seq-lista::before { content: ""; position: absolute; left: 1.05rem; top: .4rem; bottom: .4rem; width: 2px; background: var(--seg-line); }
.seg-seq-passo { position: relative; display: grid; gap: .15rem; }
.seg-seq-icone { position: absolute; left: -2.6rem; top: 0; width: 2.1rem; height: 2.1rem; border-radius: 50%; display: grid; place-items: center; background: var(--seg-surface); border: 2px solid var(--seg-line); color: var(--seg-ink); }
.seg-seq-icone .geo-icon { width: 1rem; height: 1rem; }
.seg-seq-passo--whatsapp .seg-seq-icone { border-color: #25D366; color: #128C4A; }
:root[data-theme="dark"] .seg-seq-passo--whatsapp .seg-seq-icone { color: #6EE79A; }
.seg-seq-passo--email .seg-seq-icone { border-color: var(--seg-navy); color: var(--seg-navy-ink); }
.seg-seq-passo--pessoa .seg-seq-icone { border-color: var(--seg-gold); color: var(--seg-gold-ink); }
.seg-seq-quando { font-size: .74rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--seg-muted); }
.seg-seq-passo strong { color: var(--seg-navy-ink); font-size: .98rem; }
.seg-seq-passo p { margin: 0; font-size: .92rem; line-height: 1.55; color: var(--seg-muted); max-width: 66ch; }
.seg-seq .lla-fig-legenda { margin-top: .8rem; }
.lla-caixa--dica { border-left-color: var(--seg-green-ink); background: var(--seg-green-soft); }
.lla-caixa--dica h3 { color: var(--seg-green-ink); }

/* A grade de use cases ocupa a largura toda; só a prosa tem coluna de leitura. */
.seg-conteudo .seg-casos { max-width: none; }

/* Rótulos dos cartões de use case: sem justificar nem hifenizar (medido a 1366px). */
.seg-caso-meta, .seg-caso-pe, .seg-caso-topo { text-align: left; hyphens: manual; text-wrap: pretty; }
.seg-caso-meta b, .seg-caso-pe b { white-space: nowrap; }

/* Miolo das figuras de dado e listas estruturais em largura total; só a prosa tem coluna. */
.seg-conteudo .lla-fig ul, .seg-conteudo .lla-fig ol, .seg-conteudo .lla-numeros, .seg-conteudo .seg-seq-lista, .seg-conteudo .seg-caso-passos { max-width: none; }
/* Especificidade acima de .seg-main p: os rótulos dos cartões não justificam nem hifenizam. */
.seg-main .seg-caso-meta, .seg-main .seg-caso-pe, .seg-main .seg-caso-topo, .seg-main .seg-caso-meta span, .seg-main .seg-caso-pe span { text-align: left; hyphens: manual; }
.seg-main .seg-caso-meta b, .seg-main .seg-caso-pe b { flex: none; white-space: nowrap; hyphens: none; }

.lla-caixa--alerta { border-left-color: #C05621; background: #FBEDE4; }
.lla-caixa--alerta h3 { color: #9C3B0E; }
:root[data-theme="dark"] .lla-caixa--alerta { background: #2e1a10; }
:root[data-theme="dark"] .lla-caixa--alerta h3 { color: #F3A57A; }

/* ─── Blocos visuais do guia: bitmap e SVG inline (30/08/2026) ─── */
.seg-imagem { margin: 1.4rem 0 1.6rem; max-width: 80ch; }
.seg-imagem--larga { max-width: none; }
.seg-imagem img { display: block; width: 100%; height: auto; border-radius: 14px; border: 1px solid var(--seg-line); background: var(--seg-surface-2); }
.seg-imagem figcaption, .seg-svg figcaption { margin-top: .6rem; }
.seg-svg { margin: 1.4rem 0 1.6rem; border: 1px solid var(--seg-line); border-radius: 14px; background: var(--seg-surface); padding: 1rem 1.1rem; max-width: 80ch; color: var(--color-text); }
.seg-svg--larga { max-width: none; }
.seg-svg .lla-fig-titulo { margin: 0 0 .6rem; }
.seg-svg-quadro { overflow: hidden; }
.seg-svg-quadro svg { display: block; width: 100%; height: auto; max-width: 100%; }
.seg-svg-quadro svg text { font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
@media (prefers-reduced-motion: reduce) { .seg-svg-quadro svg * { animation: none !important; transition: none !important; } }
html[data-llx-motion="reduce"] .seg-svg-quadro svg * { animation: none !important; transition: none !important; }

/* ─── Cartões com ícone, destaque e slides (30/08/2026) ─── */
.seg-cartoes { margin: 1.4rem 0 1.6rem; }
.seg-cartoes .lla-fig-titulo { margin: 0 0 .7rem; }
.seg-cartoes-grade { list-style: none; margin: 0; padding: 0; display: grid; gap: .9rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); max-width: none; }
.seg-cartoes-grade--2 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }
.seg-cartao { border: 1px solid var(--seg-line); border-radius: 14px; background: var(--seg-surface); padding: 1rem 1.05rem; display: grid; gap: .45rem; align-content: start; }
.seg-cartao-icone { width: 2.2rem; height: 2.2rem; border-radius: 10px; display: grid; place-items: center; background: color-mix(in srgb, var(--seg-cor, var(--seg-ll)) 12%, transparent); color: var(--seg-cor, var(--seg-ll)); }
.seg-cartao-icone .geo-icon { width: 1.2rem; height: 1.2rem; }
.seg-cartao strong { color: var(--seg-navy-ink); font-size: 1rem; line-height: 1.3; }
.seg-main .seg-cartao p { margin: 0; font-size: .92rem; line-height: 1.55; color: var(--seg-muted); text-align: left; hyphens: manual; max-width: none; }
.seg-destaque { margin: 1.6rem 0; padding: 1.1rem 1.3rem 1.1rem 1.6rem; border-left: 5px solid var(--seg-cor, var(--seg-ll)); background: color-mix(in srgb, var(--seg-cor, var(--seg-ll)) 7%, var(--seg-surface)); border-radius: 0 14px 14px 0; max-width: 72ch; }
.seg-main .seg-destaque p { margin: 0; font-size: 1.25rem; line-height: 1.45; font-weight: 700; color: var(--seg-navy-ink); text-align: left; hyphens: manual; text-wrap: balance; }
.seg-destaque footer { margin-top: .5rem; font-size: .84rem; color: var(--seg-muted); }
.seg-slides { margin: 1.4rem 0 1.6rem; max-width: none; }
.seg-slides .lla-fig-titulo { margin: 0 0 .6rem; }
.seg-slides-faixa { list-style: none; margin: 0; padding: 0 0 .6rem; display: flex; gap: .9rem; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: .5rem; -webkit-overflow-scrolling: touch; max-width: none; }
.seg-slide { flex: 0 0 min(88%, 640px); scroll-snap-align: start; border: 1px solid var(--seg-line); border-radius: 14px; background: var(--seg-surface); padding: .8rem; display: grid; gap: .5rem; }
.seg-slide-quadro svg, .seg-slide-quadro img { display: block; width: 100%; height: auto; border-radius: 10px; }
.seg-main .seg-slide-rotulo { margin: 0; font-size: .9rem; font-weight: 600; color: var(--seg-navy-ink); text-align: left; hyphens: manual; display: flex; gap: .5rem; align-items: baseline; max-width: none; }
.seg-slide-num { font-size: .72rem; font-weight: 800; color: var(--seg-ink); letter-spacing: .04em; }
.seg-main .seg-slide-legenda { margin: 0; font-size: .86rem; line-height: 1.5; color: var(--seg-muted); text-align: left; hyphens: manual; max-width: none; }

/* Slides: cada tela quase na largura do viewBox (800) para o texto de 14px não encolher (medido: 10px a 640px). */
.seg-slide { flex-basis: min(92%, 800px); }
.seg-conteudo .seg-slides-faixa, .seg-conteudo .seg-cartoes-grade { max-width: none; }

/* Laço das animações de SVG inline: definido aqui (fora dos estilos da página) e desligado em reduced-motion acima. */
.seg-svg-quadro, .seg-slide-quadro { --seg-laco: infinite; }