/* Páginas de serviço no Vercel (13/11/2026): Internacionalização (operacional) e Saída Fiscal.
   Carrega DEPOIS de /assets/lp.css (base da LP Patrimonial v2, que não é alterada). Aqui só entram peças novas e a identidade de cada página:
   .pg-int = Internacionalização (noite: painéis quase pretos, mapa de pontos, linha "global")
   .pg-sf  = Saída Fiscal (papel: fundo claro, marrom, preço à vista, perfis)
   Regra da Carine (13/11): nunca mostrar a QUANTIDADE de jurisdições; só "Jurisdições abrangidas" + mapa + lista. */

:root { --noite: #140D06; --noite2: #1E150C; --linha-noite: rgba(207,197,175,.16); }

/* ---------- topo ---------- */
.topo .selo { text-align: right; }

/* ---------- números (2 números + jurisdições em bloco próprio) ---------- */
.prova-num { list-style: none; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--linha-noite); position: relative; }
.prova-num li { padding: 20px 12px 20px 0; display: flex; flex-direction: column; border-bottom: 1px solid var(--linha-noite); }
.prova-num li + li { padding-left: 16px; border-left: 1px solid var(--linha-noite); }
.prova-num .v { display: flex; align-items: baseline; gap: 4px; color: var(--champanhe); line-height: 1; }
.prova-num .pre { font: 560 14px/1 var(--font); }
.prova-num .n { font-family: var(--serif); font-weight: 500; font-size: 46px; letter-spacing: -.02em; }
.prova-num .uni { margin-top: 8px; font: 560 17px/1.2 var(--font); color: var(--off); }
.prova-num p { margin-top: 8px; font-size: 13.5px; line-height: 1.45; color: var(--bege); }
@media (min-width: 900px) {
  .prova-num { border-top: 0; }
  .prova-num li { padding: 6px 40px 6px 0; border-bottom: 0; }
  .prova-num li + li { padding-left: 40px; }
  .prova-num .n { font-size: 66px; }
  .prova-num .pre { font-size: 16px; }
  .prova-num .uni { font-size: 19px; margin-top: 12px; }
  .prova-num p { font-size: 14px; max-width: 26em; }
}

/* ---------- textos de apoio comuns ---------- */
.chapeu { display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--dourado2); }
.linha-baixo { margin-top: 20px; font-size: 15px; line-height: 1.55; color: var(--texto2); max-width: 44em; }
.cta.claro { background: var(--off); color: var(--tinta); border: 1px solid var(--areia2); }
.cta.claro .seta { background: var(--marrom); }
.cta.claro:hover { background: #fff; border-color: #D8CDBA; }

/* =====================================================================
   INTERNACIONALIZAÇÃO (.pg-int) — identidade "noite / global"
   ===================================================================== */
.pg-int .hero .stat.mapa { grid-template-columns: 1fr; gap: 6px; background: rgba(20,13,6,.9); color: var(--off); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); padding: 12px 14px; }
.pg-int .stat.mapa img { width: 100%; height: auto; aspect-ratio: 879 / 351; opacity: .95; }
.pg-int .stat.mapa b { font-size: 13px; font-weight: 640; letter-spacing: .02em; color: var(--champanhe); text-transform: uppercase; }
.pg-int .stat.mapa p { color: var(--bege); font-size: 12.5px; }
.pg-int .hero .foto img { object-position: 60% 30%; }
@media (max-width: 899px) {
  .pg-int .hero .foto { aspect-ratio: auto; overflow: visible; background: none; }
  .pg-int .hero .foto picture { display: block; border-radius: var(--raio); overflow: hidden; aspect-ratio: 16 / 9; }
  .pg-int .hero .stat.mapa { position: relative; left: auto; right: auto; bottom: auto; margin: -28px 10px 0; grid-template-columns: 116px 1fr; align-items: center; column-gap: 14px; }
  .pg-int .stat.mapa img { grid-row: span 2; }
}
@media (min-width: 900px) {
  .pg-int .hero .stat.mapa { max-width: 400px; padding: 20px 22px 18px; gap: 8px; }
  .pg-int .stat.mapa p { font-size: 13.5px; }
}

/* 2. situação: frase grande + texto, faixa clara */
.situacao { background: var(--off); border-top: 1px solid var(--areia2); border-bottom: 1px solid var(--areia2); }
.situacao .txt p { font-size: 17px; line-height: 1.6; color: var(--texto2); }
.situacao .txt p + p { margin-top: 14px; color: var(--tinta); font-weight: 500; }
.situacao .fluxo { margin-top: 28px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; }
.situacao .fluxo div { border: 1px solid var(--areia2); background: var(--areia); border-radius: var(--raio-b); padding: 14px; }
.situacao .fluxo div.br { background: var(--noite); border-color: var(--noite); color: var(--off); }
.situacao .fluxo small { display: block; font-size: 11.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--dourado2); margin-bottom: 6px; }
.situacao .fluxo .br small { color: var(--champanhe); }
.situacao .fluxo span { font-family: var(--serif); font-weight: 500; font-size: 22px; line-height: 1.1; }
.situacao .fluxo svg { width: 22px; height: 22px; color: var(--negativo); }
@media (min-width: 900px) {
  .situacao .grid2 { display: grid; grid-template-columns: 1.1fr 1fr; gap: 72px; align-items: start; }
  .situacao .txt { padding-top: 64px; }
  .situacao .txt p { font-size: 19px; }
}

/* 3. risco: painel noite com 4 cards de mesma estrutura */
.risco-painel { background: var(--noite); color: var(--off); border-radius: var(--raio-painel); padding: 40px 16px 24px; position: relative; overflow: hidden; }
.risco-painel .marca { position: absolute; right: -80px; top: -60px; width: 280px; opacity: .05; pointer-events: none; }
.sec .risco-painel h2 { color: var(--off); margin-left: 4px; position: relative; }
.riscos { list-style: none; display: grid; gap: 10px; margin-top: 24px; position: relative; }
.riscos li { background: var(--noite2); border: 1px solid var(--linha-noite); border-radius: var(--raio); padding: 22px 20px 24px; display: flex; flex-direction: column; }
.riscos .tag { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--champanhe); }
.riscos h3 { font-family: var(--serif); font-weight: 500; font-size: 23px; line-height: 1.15; margin: 14px 0 10px; color: var(--off); letter-spacing: -.005em; }
.riscos p { font-size: 15px; line-height: 1.55; color: var(--bege); }
.risco-painel .fecho { margin-top: 28px; position: relative; }
.risco-painel .fecho p { color: var(--off); }
@media (min-width: 900px) {
  .risco-painel { padding: 72px 56px 56px; }
  .riscos { grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 44px; }
  .riscos li { padding: 28px 24px 30px; min-height: 290px; }
  .riscos h3 { font-size: 25px; margin-top: 44px; }
  .risco-painel .fecho { border-top-color: var(--linha-noite); }
}
@media (max-width: 899px) { .risco-painel .cta { font-size: 15px; padding: 0 12px; } }

/* 4. clareza: 5 peças ligadas por uma linha (a estrutura inteira) */
.clareza .def { font-size: 18px; line-height: 1.6; max-width: 34em; }
.pecas { list-style: none; margin-top: 32px; display: grid; gap: 0; position: relative; }
.pecas li { position: relative; display: grid; grid-template-columns: 44px 1fr; gap: 0 14px; padding: 0 0 22px; }
.pecas li::before { content: ''; position: absolute; left: 21px; top: 44px; bottom: 0; width: 1.5px; background: linear-gradient(var(--dourado), rgba(167,133,69,.25)); }
.pecas li:last-child::before { display: none; }
.pecas .no { width: 44px; height: 44px; border-radius: var(--raio-b); background: var(--noite); color: var(--champanhe); display: grid; place-items: center; font-family: var(--serif); font-size: 19px; font-weight: 500; grid-row: span 2; }
.pecas h3 { font-size: 19px; font-weight: 600; letter-spacing: -.01em; padding-top: 2px; }
.pecas p { font-size: 15.5px; line-height: 1.5; color: var(--texto2); margin-top: 4px; }
.clareza .destaque { margin-top: 12px; border-radius: var(--raio-painel); background: linear-gradient(155deg, #5E3F1A 0%, #4A3011 50%, #2B1C0A 100%); color: var(--off); padding: 24px 20px; display: flex; gap: 14px; align-items: flex-start; }
.clareza .destaque svg { width: 26px; height: 26px; color: var(--champanhe); flex: none; }
.clareza .destaque p { font-family: var(--serif); font-size: 21px; line-height: 1.3; }
.clareza .naoe-linha { margin-top: 12px; display: flex; gap: 12px; align-items: flex-start; padding: 18px 20px; border-radius: var(--raio-painel); border: 1px solid var(--areia2); background: var(--off); font-size: 15.5px; line-height: 1.55; color: var(--texto2); }
.clareza .naoe-linha svg { width: 20px; height: 20px; color: var(--negativo); flex: none; margin-top: 2px; }
@media (min-width: 900px) {
  .clareza .topo-sec { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: end; }
  .clareza .def { font-size: 20px; }
  .pecas { grid-template-columns: repeat(5, 1fr); gap: 16px; margin-top: 56px; }
  .pecas li { grid-template-columns: 1fr; padding: 0 0 0; gap: 0; }
  .pecas li::before { left: 52px; right: -16px; top: 22px; bottom: auto; width: auto; height: 1.5px; background: linear-gradient(90deg, var(--dourado), rgba(167,133,69,.25)); }
  .pecas .no { grid-row: auto; margin-bottom: 22px; position: relative; z-index: 1; }
  .pecas h3 { font-size: 20px; }
  .pecas p { font-size: 15px; margin-top: 8px; }
  .clareza .baixo2 { display: grid; grid-template-columns: 1.4fr 1fr; gap: 16px; margin-top: 48px; }
  .clareza .destaque { margin-top: 0; padding: 32px; align-items: center; }
  .clareza .destaque p { font-size: 25px; }
  .clareza .naoe-linha { margin-top: 0; padding: 28px; align-items: center; font-size: 16px; }
}

/* 5. como funciona: passo III e "sai sabendo" no tom noite */
.pg-int .passos li:nth-child(3) { background: linear-gradient(155deg, #2A1D10 0%, #1C120A 55%, #140D06 100%); }
.pg-int .sai { background: var(--noite); }

/* 6. prova */
.prova .painel { background: var(--noite); }
@media (min-width: 900px) {
    }
.pg-int .dep-painel, .pg-sf .dep-painel { margin-top: 12px; }
.pg-int .dep-painel { background: linear-gradient(160deg, #2A1D10 0%, #1C120A 45%, #140D06 100%); }

/* 9. CTA final com mapa (Internacionalização) */
.final-mapa { position: relative; overflow: hidden; background: var(--noite); color: var(--off); border-radius: var(--raio-painel); padding: 44px 20px 32px; }
.final-mapa .fundo { position: absolute; left: 50%; top: 50%; width: 1100px; max-width: none; transform: translate(-50%, -38%); opacity: .32; pointer-events: none; }
.final-mapa > *:not(.fundo) { position: relative; }
.final-mapa h2 { color: var(--off); max-width: 18ch; }
.final-mapa .apoio { font-size: 17px; line-height: 1.55; color: var(--bege); max-width: 34em; margin: 0 0 26px; }
.final-mapa .micro { margin-top: 14px; font-size: 13px; color: rgba(207,197,175,.85); }
@media (min-width: 900px) {
  .final-mapa { padding: 96px 64px 72px; text-align: center; }
  .final-mapa h2 { margin: 20px auto 18px; }
  .final-mapa .apoio { margin: 0 auto 36px; font-size: 19px; }
  .final-mapa .fundo { width: 1300px; transform: translate(-50%, -45%); }
}
@media (max-width: 899px) { .final-mapa .cta { font-size: 15px; padding: 0 12px; } .final-mapa .cta { width: 100%; } }

/* =====================================================================
   SAÍDA FISCAL (.pg-sf) — identidade "papel / documento"
   ===================================================================== */
.pg-sf { background: #F7F4EE; }
.pg-sf .barra-fixa { background: rgba(247,244,238,.97); }
.pg-sf .hero .foto img { object-position: 70% 35%; }
.pg-sf .hero .cta { order: 6; }
.pg-sf .hero .apoio { order: 7; }
.selo-foto { position: absolute; left: 10px; bottom: 10px; display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: var(--raio-p); background: rgba(253,253,251,.95); font-size: 13px; font-weight: 600; color: var(--tinta); box-shadow: 0 10px 30px -12px rgba(28,18,10,.35); }
.selo-foto svg { width: 16px; height: 16px; color: var(--dourado2); }
@media (min-width: 900px) {
      .pg-sf .hero .texto > .cta { display: flex; width: fit-content; }
  .selo-foto { left: -36px; bottom: 32px; padding: 14px 18px; font-size: 14px; }
}

/* 2. perfis */
.perfis { list-style: none; display: grid; gap: 12px; margin-top: 28px; }
.perfil { background: var(--off); border: 1px solid var(--areia2); border-radius: var(--raio); padding: 22px 20px 20px; display: flex; flex-direction: column; transition: border-color var(--t-hover) var(--ease-std), transform var(--t-hover) var(--ease-out); }
.perfil:hover { border-color: #CDBFA6; }
.perfil .ic { width: 44px; height: 44px; border-radius: var(--raio-b); background: var(--marrom); color: var(--champanhe); display: grid; place-items: center; }
.perfil .ic svg { width: 22px; height: 22px; }
.perfil h3 { font-family: var(--serif); font-weight: 500; font-size: 23px; line-height: 1.15; margin: 18px 0 10px; letter-spacing: -.005em; }
.perfil p { font-size: 15.5px; line-height: 1.55; color: var(--texto2); }
.perfil .bt-perfil { margin-top: auto; padding-top: 18px; }
.bt-perfil a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; padding: 0 8px 0 18px; border-radius: var(--raio-b); border: 1.5px solid var(--marrom); color: var(--marrom); font-weight: 600; font-size: 15.5px; text-decoration: none; transition: background-color var(--t-hover) var(--ease-std), color var(--t-hover) var(--ease-std); }
.bt-perfil a .ir { width: 36px; height: 36px; border-radius: var(--raio-p); background: var(--marrom); color: var(--off); display: grid; place-items: center; }
.bt-perfil a .ir svg { width: 16px; height: 16px; }
.bt-perfil a:hover { background: var(--marrom); color: var(--off); }
.bt-perfil a:hover .ir { background: var(--champanhe); color: var(--tinta); }
@media (min-width: 900px) {
  .perfis { grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 48px; }
  .perfil { padding: 30px 28px 26px; min-height: 340px; }
  .perfil h3 { font-size: 26px; margin-top: 32px; }
}

/* 3. risco (marrom, 3 pontos) */
.sf-risco .painel { padding-bottom: 28px; }
.sf-risco .painel > p.lead2 { position: relative; font-size: 17px; line-height: 1.6; color: var(--bege); max-width: 38em; margin: -12px 0 0 6px; }
.pontos { list-style: none; position: relative; margin-top: 28px; display: grid; border-top: 1px solid rgba(207,197,175,.2); }
.pontos li { display: grid; grid-template-columns: 40px 1fr; gap: 4px 14px; padding: 20px 0; border-bottom: 1px solid rgba(207,197,175,.2); }
.pontos .n { grid-row: span 2; font-family: var(--serif); font-size: 22px; color: var(--champanhe); line-height: 1.1; }
.pontos h3 { font-family: var(--serif); font-weight: 500; font-size: 22px; line-height: 1.2; color: var(--off); }
.pontos p { font-size: 15.5px; line-height: 1.55; color: var(--bege); }
.sf-risco .fecho { position: relative; margin-top: 24px; }
.sf-risco .fecho p { color: var(--off); }
@media (min-width: 900px) {
  .sf-risco .painel > p.lead2 { font-size: 19px; margin-top: -24px; }
  .pontos { grid-template-columns: repeat(3, 1fr); border-top: 0; margin-top: 48px; gap: 0; }
  .pontos li { grid-template-columns: 1fr; padding: 0 32px; border-bottom: 0; border-left: 1px solid rgba(207,197,175,.2); gap: 10px; }
  .pontos li:first-child { padding-left: 0; border-left: 0; }
  .pontos .n { grid-row: auto; font-size: 30px; margin-bottom: 18px; }
  .pontos h3 { font-size: 24px; }
  .sf-risco .fecho { border-top-color: rgba(207,197,175,.2); }
}
@media (max-width: 899px) { .sf-risco .painel .cta { font-size: 15px; padding: 0 12px; } }

/* 4. entrega: 3 peças tipo dossiê + "você sai sabendo" + preço */
.entrega-grid { display: grid; gap: 12px; margin-top: 28px; }
.doc { position: relative; background: var(--off); border: 1px solid var(--areia2); border-radius: var(--raio); padding: 22px 20px 24px; }
.doc .rot { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--dourado2); }
.doc .rot svg { width: 22px; height: 22px; color: var(--marrom); }
.doc h3 { font-family: var(--serif); font-weight: 500; font-size: 23px; line-height: 1.15; margin: 14px 0 8px; letter-spacing: -.005em; }
.doc p { font-size: 15.5px; line-height: 1.55; color: var(--texto2); }
.doc.papel { background: #FFFEFB; box-shadow: 6px 6px 0 -1px var(--off), 6px 6px 0 0 var(--areia2), 12px 12px 0 -1px var(--off), 12px 12px 0 0 var(--areia2); margin-right: 12px; }
.entrega-baixo { display: grid; gap: 12px; margin-top: 16px; }
.passo1-card { border-radius: var(--raio-painel); background: var(--off); border: 1px solid var(--areia2); padding: 26px 20px 22px; display: flex; flex-direction: column; }
.passo1-card .rotulo { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--dourado2); }
.passo1-card p { font-size: 15px; line-height: 1.5; color: var(--texto2); margin-bottom: 20px; }
.passo1-card .cta { margin-top: auto; }
@media (min-width: 900px) {
  .entrega .topo-sec { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: end; }
  .entrega-grid { grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 48px; }
  .doc { padding: 30px 28px 32px; min-height: 250px; }
  .doc h3 { font-size: 26px; margin-top: 36px; }
  .entrega-baixo { grid-template-columns: 1.3fr 1fr; gap: 16px; margin-top: 28px; }
  .entrega-baixo .sai { margin-top: 0; padding: 36px; }
  .passo1-card { padding: 36px 32px 32px; }
  }

/* 5. como começa: 4 passos em linha do tempo */
.linha-tempo { list-style: none; display: grid; gap: 0; margin-top: 28px; }
.linha-tempo li { position: relative; display: grid; grid-template-columns: 44px 1fr; column-gap: 14px; padding-bottom: 24px; }
.linha-tempo li::before { content: ''; position: absolute; left: 21px; top: 44px; bottom: 0; width: 1.5px; background: var(--areia2); }
.linha-tempo li:last-child::before { display: none; }
.linha-tempo .rom { grid-row: span 2; width: 44px; height: 44px; border-radius: var(--raio-b); background: var(--off); border: 1px solid var(--areia2); color: var(--marrom); display: grid; place-items: center; font-weight: 650; font-size: 14px; letter-spacing: .04em; }
.linha-tempo h3 { font-family: var(--serif); font-weight: 500; font-size: 21px; line-height: 1.2; padding-top: 8px; }
.linha-tempo p { font-size: 15.5px; line-height: 1.55; color: var(--texto2); margin-top: 6px; }
.como-sf .acao { margin-top: 8px; }
@media (min-width: 900px) {
  .linha-tempo { grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 56px; }
  .linha-tempo li { grid-template-columns: 1fr; padding-bottom: 0; }
  .linha-tempo li::before { left: 56px; right: -24px; top: 22px; bottom: auto; width: auto; height: 1.5px; }
  .linha-tempo .rom { grid-row: auto; margin-bottom: 24px; position: relative; z-index: 1; }
  .linha-tempo h3 { font-size: 23px; padding-top: 0; }
  .como-sf .acao { margin-top: 48px; }
}

/* 6. prova SF: só 2 depoimentos, lado a lado */
.pg-sf .prova .painel { background: var(--marrom); }
.pg-sf .dep-lista { margin-top: 12px; }

/* 7. não é */
.naoe-lista { list-style: none; display: grid; gap: 12px; margin-top: 28px; }
.naoe-lista li { display: flex; gap: 14px; align-items: flex-start; background: var(--off); border: 1px solid var(--areia2); border-radius: var(--raio); padding: 20px; font-size: 16px; line-height: 1.55; color: var(--texto2); }
.naoe-lista li svg { width: 22px; height: 22px; color: var(--negativo); flex: none; margin-top: 1px; }
.naoe-lista b { color: var(--tinta); font-weight: 620; }
@media (min-width: 900px) { .naoe-lista { grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 48px; } .naoe-lista li { padding: 28px 26px; flex-direction: column; } }

/* 9. CTA final SF: foto + preço */

/* ---------- formulário: estados finais com conteúdo (obrigado / passagem para o pagamento) ---------- */
.fim-tela h2 { font-size: 28px; line-height: 1.15; }
.fim-tela .txt { margin-top: 14px; font-size: 17px; line-height: 1.55; color: var(--texto2); }
.fim-tela .apoio2 { margin-top: 14px; font-size: 15px; line-height: 1.55; color: var(--texto2); padding-left: 14px; border-left: 2px solid var(--areia2); }
.fim-tela .numero { margin-top: 22px; display: flex; gap: 14px; align-items: center; background: var(--marrom); color: var(--off); border-radius: var(--raio-painel); padding: 18px; }
.fim-tela .numero svg { width: 28px; height: 28px; flex: none; color: var(--champanhe); }
.fim-tela .numero p { font-size: 14.5px; line-height: 1.45; color: var(--bege); }
.fim-tela .numero a { color: var(--off); font-size: 18px; font-weight: 620; text-decoration: none; white-space: nowrap; }
.fim-tela .cta { margin-top: 20px; width: 100%; }
.fim-tela .micro { margin-top: 10px; display: flex; align-items: center; gap: 8px; justify-content: center; font-size: 13px; color: var(--texto2); }
.fim-tela .micro svg { width: 15px; height: 15px; color: var(--dourado2); }
.aviso-previa { margin-top: 18px; font-size: 12.5px; line-height: 1.45; color: #8C7F70; text-align: center; }
@media (min-width: 900px) { .fim-tela h2 { font-size: 36px; } .fim-tela .cta { width: auto; } .fim-tela .micro { justify-content: flex-start; } .aviso-previa { text-align: left; } }

/* ---------- ajustes da 1ª conferência (390 px) ---------- */
.final-mapa h2 { font-family: var(--serif); font-weight: 500; font-size: 28px; line-height: 1.12; letter-spacing: -.012em; margin: 16px 0 14px; }
.final-mapa .fundo { opacity: .16; transform: translate(-50%, -20%); }
@media (min-width: 900px) { .final-mapa h2 { font-size: 46px; } .final-mapa .fundo { opacity: .26; transform: translate(-50%, -45%); } }
@media (max-width: 899px) {
  .como-sf .acao .cta, .pg-sf .final .cta, .pg-int .risco-painel .fecho .cta { width: 100%; }
  .pg-sf .final .micro { text-align: center; }
}
.pg-int .stat.mapa img { filter: brightness(1.35); }
.pontos li, .doc, .riscos li { align-content: start; }
/* selo do mapa no hero: mapa pequeno à esquerda, texto à direita (não cobre o rosto da foto) */
@media (min-width: 900px) {
  .pg-int .hero .stat.mapa { grid-template-columns: 132px 1fr; column-gap: 16px; align-items: center; max-width: 430px; bottom: 28px; padding: 16px 20px 16px 16px; }
  .pg-int .stat.mapa img { grid-row: span 2; }
}
.fim-tela h2 { font-family: var(--serif); font-weight: 500; letter-spacing: -.01em; }
.fim-tela h2:focus { outline: none; }
.video .play .bt .bt-i { width: 34px; height: 34px; border-radius: var(--raio-p); background: var(--dourado); display: grid; place-items: center; }
.video .play .bt .bt-i svg { width: 14px; height: 14px; margin-left: 2px; }
.dep-destaque .video .play .bt .bt-i { width: 28px; height: 28px; }

/* ===== Componente "Jurisdições abrangidas" (TelliCoJus) =====
   Igual ao mapa das propostas: nome + bandeira dentro do mapa, linha até o ponto, sedes da TelliCoJus em dourado.
   Regra da Carine (13/11/2026): título "Jurisdições abrangidas", nunca a quantidade.
   Mapa com rótulos quando o bloco tem 960px ou mais; abaixo disso, mapa com pontos + lista de bandeiras (sedes primeiro).
   Variáveis: --tm-ban (url do sprite de bandeiras 7x7), --tm-tit (fonte do título). Tudo escopado em .tcj-mapa. */
.tcj-mapa{--tm-ban:url(/assets/img/bandeiras-jurisdicoes.webp);--tm-tit:inherit;--tm-ouro:#C2A26A;--tm-ouro-cl:#E8D3A0;
  background:#110A03;color:#CFC5AF;border-radius:12px;padding:28px 20px 26px;text-align:left}
.tcj-mapa *{box-sizing:border-box;margin:0;padding:0}
.tm-cab{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin-bottom:6px}
.tcj-mapa .tm-tit{font-family:var(--tm-tit);font-weight:500;font-size:26px;line-height:1.15;color:#FDFDFB;letter-spacing:-.005em}
.tm-leg{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.4;color:#EDE8DE}
.tm-sw{flex:none;width:28px;height:14px;border-radius:3px;background:linear-gradient(100deg,var(--tm-ouro-cl),var(--tm-ouro));box-shadow:0 0 10px rgba(194,162,106,.45)}
.tm-area{container:tm / inline-size}
.tm-mp{position:relative;aspect-ratio:1100/619;--u:1cqw;margin:4px 0 calc(-11.5*var(--u))}
.tm-sv{position:absolute;inset:0}
.tm-s{position:absolute;inset:0;width:100%;height:100%;display:block}
.tm-t{fill:none;stroke:rgba(194,162,106,.6);stroke-width:3.3;stroke-linecap:round}
.tm-f{fill:none;stroke:rgba(207,197,175,.3);stroke-width:.55}
.tm-p{fill:#E8D3A0}
.tm-sede .tm-f{stroke:#E8D3A0;stroke-width:1.2}
.tm-sede .tm-p{fill:#F8EBC6;filter:drop-shadow(0 0 5px rgba(232,211,160,.9))}
.tm-l{list-style:none;position:absolute;inset:0}
.tm-l li{position:absolute;left:var(--x);top:var(--y);transform:translateY(-50%);display:flex;align-items:center;gap:calc(.5*var(--u));white-space:nowrap;
  padding:calc(.14*var(--u)) calc(.55*var(--u)) calc(.14*var(--u)) calc(.34*var(--u));border-radius:calc(.25*var(--u));background:rgba(17,10,3,.86);
  box-shadow:0 0 0 1px rgba(194,162,106,.2);font-size:calc(1.04*var(--u));line-height:1.3;color:#EDE8DE}
.tm-ban{flex:none;display:block;width:calc(1.3*var(--u));height:calc(.98*var(--u));border-radius:calc(.1*var(--u));
  background:var(--tm-ban) calc(var(--fx)*100%/6) calc(var(--fy)*100%/6)/700% 700% no-repeat;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.tm-l li.tm-sede{z-index:2;font-size:calc(1.2*var(--u));font-weight:600;color:#110A03;background:linear-gradient(100deg,var(--tm-ouro-cl),var(--tm-ouro));
  box-shadow:0 0 calc(1.3*var(--u)) rgba(194,162,106,.45);padding:calc(.3*var(--u)) calc(.8*var(--u)) calc(.3*var(--u)) calc(.45*var(--u))}
.tm-l li.tm-sede .tm-ban{width:calc(1.7*var(--u));height:calc(1.28*var(--u))}
@media (min-width:900px){.tcj-mapa{padding:40px 40px 36px}.tcj-mapa .tm-tit{font-size:32px}.tm-leg{font-size:15px}}
/* bloco estreito (celular e tablet): mapa recortado com pontos + lista de bandeiras, sedes primeiro */
@container tm (max-width:959px){
  .tm-mp{aspect-ratio:auto;margin:0}
  .tm-sv{position:relative;inset:auto;aspect-ratio:879/351;overflow:hidden;margin:16px 0 18px}
  .tm-s{inset:auto;left:-11.6%;top:-31.34%;width:125.14%;height:auto}
  .tm-f{display:none}
  .tm-t{stroke-width:5.6}
  .tm-p{r:6px}
  .tm-sede .tm-p{r:11px}
  .tm-l{position:static;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px 12px;padding-top:18px;border-top:1px solid rgba(207,197,175,.18)}
  .tm-l li,.tm-l li.tm-sede{position:static;transform:none;grid-column:span 6;background:none;box-shadow:none;padding:5px 0;gap:9px;
    font-size:14px;line-height:1.3;white-space:normal;padding:4px 0;border-radius:0;color:#E6DCCD}
  .tm-l li.tm-sede{order:-1;grid-column:span 4;align-items:flex-start;flex-direction:column;gap:7px;font-size:13.5px;font-weight:600;color:#110A03;
    padding:10px 10px 11px;border-radius:6px;margin-bottom:10px;background:linear-gradient(100deg,var(--tm-ouro-cl),var(--tm-ouro))}
  .tm-ban,.tm-l li.tm-sede .tm-ban{width:22px;height:16.5px;border-radius:2px}
}
@container tm (min-width:560px) and (max-width:959px){.tm-l li{grid-column:span 4}.tm-l li.tm-sede{flex-direction:row;align-items:center}}
/* uso nas páginas de serviço */
.tcj-mapa{--tm-tit:var(--serif);font-family:var(--font)}
.prova .painel .tcj-mapa{margin:28px -16px 32px;padding:28px 16px 24px;border-radius:0;position:relative;z-index:1}
@media (min-width:900px){.prova .painel .tcj-mapa{margin:48px -64px 40px;border-radius:0;padding:44px 40px 40px}}
.passo1-card h3{font-family:var(--serif);font-weight:500;font-size:32px;line-height:1.1;letter-spacing:-.01em;color:var(--marrom);margin:12px 0 12px}
@media (min-width:900px){.passo1-card h3{font-size:40px}}
.fim-tela .enquanto{margin-top:22px;border:1px solid var(--areia2);background:var(--off);border-radius:var(--raio-painel);padding:20px 22px;display:grid;gap:6px;text-align:left}
.fim-tela .enquanto .rotulo{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dourado2)}
.fim-tela .enquanto p{font-size:15px;line-height:1.55;color:var(--texto2)}