/* ═══ 2193 — A CASCA DAS PÁGINAS EXTERNAS (prévia _prevexternas.html aprovada) ═══════════════
   Carregada DEPOIS da folha de cada página, por cima dela. É o mesmo céu das quatro telas de entrada
   do app (js/login-fundo + bloco 1801 do app.css): degradê claro, as nuvens da marca paradas no fundo
   e uma camada que anda. Escuro só onde a página já tem tema (html[data-theme="dark"]).
   ⚠ MUDOU O CÉU NO app.css? Mude aqui também: são as mesmas quatro imagens. */
/* ⚠ 2258 — A ARMADILHA DO CLIP NO BODY (medida no celular, não olhada).
   O céu que anda (`body.ent-ceu::before`) começa 900px à esquerda e mede
   `100% + 1800px` — precisa disso para a nuvem entrar e sair sem emenda. O
   `overflow-x:clip` do body PARECE segurar, mas não segura: quando o html está
   em `visible`, o overflow do body é PROPAGADO para a janela, e o body volta a
   ser `visible` — ou seja, a regra que eu escrevi para cortar é justamente a
   que abre. Resultado no aparelho: 375px de página com 1275px de rolagem, e a
   pessoa arrastando o dedo para o lado até achar 900px de céu vazio.
   Estava assim nas dez páginas externas.

   O corte tem de estar no HTML, que é quem manda na janela. `clip` (e não
   `hidden`) para não criar caixa de rolagem — o que quebraria `position:fixed`
   e o rolar-para-o-topo. O `hidden` antes é a rede para navegador velho que
   não conhece `clip`; onde os dois valem, o de baixo ganha. */
html{ overflow-x:hidden; overflow-x:clip; }
body.ent-ceu{
  isolation:isolate; position:relative; overflow-x:clip; color:var(--ink,#13294B);
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%22420%22%20viewBox%3D%220%200%20900%20420%22%3E%3Cpath%20d%3D%22M22%2C86%20C10%2C86%200%2C75%202%2C59%20C5%2C44%2021%2C39%2030%2C47%20C30%2C30%2039%2C16%2055%2C16%20C71%2C16%2084%2C28%2086%2C45%20C94%2C44%20100%2C52%20100%2C62%20C100%2C75%2091%2C86%2079%2C86%20Z%22%20transform%3D%22translate%2840%2030%29%20scale%280.34%29%22%20fill%3D%22%23BBD5F7%22%20opacity%3D%220.85%22%2F%3E%3Cpath%20d%3D%22M22%2C86%20C10%2C86%200%2C75%202%2C59%20C5%2C44%2021%2C39%2030%2C47%20C30%2C30%2039%2C16%2055%2C16%20C71%2C16%2084%2C28%2086%2C45%20C94%2C44%20100%2C52%20100%2C62%20C100%2C75%2091%2C86%2079%2C86%20Z%22%20transform%3D%22translate%28300%20105%29%20scale%280.48%29%22%20fill%3D%22%23BBD5F7%22%20opacity%3D%220.55%22%2F%3E%3Cpath%20d%3D%22M22%2C86%20C10%2C86%200%2C75%202%2C59%20C5%2C44%2021%2C39%2030%2C47%20C30%2C30%2039%2C16%2055%2C16%20C71%2C16%2084%2C28%2086%2C45%20C94%2C44%20100%2C52%20100%2C62%20C100%2C75%2091%2C86%2079%2C86%20Z%22%20transform%3D%22translate%28600%2020%29%20scale%280.28%29%22%20fill%3D%22%23BBD5F7%22%20opacity%3D%220.7%22%2F%3E%3Cpath%20d%3D%22M22%2C86%20C10%2C86%200%2C75%202%2C59%20C5%2C44%2021%2C39%2030%2C47%20C30%2C30%2039%2C16%2055%2C16%20C71%2C16%2084%2C28%2086%2C45%20C94%2C44%20100%2C52%20100%2C62%20C100%2C75%2091%2C86%2079%2C86%20Z%22%20transform%3D%22translate%28170%20235%29%20scale%280.24%29%22%20fill%3D%22%23BBD5F7%22%20opacity%3D%220.45%22%2F%3E%3Cpath%20d%3D%22M22%2C86%20C10%2C86%200%2C75%202%2C59%20C5%2C44%2021%2C39%2030%2C47%20C30%2C30%2039%2C16%2055%2C16%20C71%2C16%2084%2C28%2086%2C45%20C94%2C44%20100%2C52%20100%2C62%20C100%2C75%2091%2C86%2079%2C86%20Z%22%20transform%3D%22translate%28740%20195%29%20scale%280.38%29%22%20fill%3D%22%23BBD5F7%22%20opacity%3D%220.4%22%2F%3E%3Cpath%20d%3D%22M22%2C86%20C10%2C86%200%2C75%202%2C59%20C5%2C44%2021%2C39%2030%2C47%20C30%2C30%2039%2C16%2055%2C16%20C71%2C16%2084%2C28%2086%2C45%20C94%2C44%20100%2C52%20100%2C62%20C100%2C75%2091%2C86%2079%2C86%20Z%22%20transform%3D%22translate%28470%20290%29%20scale%280.21%29%22%20fill%3D%22%23BBD5F7%22%20opacity%3D%220.35%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(168deg,#F7FBFF 0%,#EAF3FD 45%,#DCEBFC 100%) !important;
  background-size:cover,auto !important; background-position:center,center !important; background-repeat:no-repeat,no-repeat !important; background-attachment:fixed !important;
}
html[data-theme="dark"] body.ent-ceu{
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%22420%22%20viewBox%3D%220%200%20900%20420%22%3E%3Cpath%20d%3D%22M22%2C86%20C10%2C86%200%2C75%202%2C59%20C5%2C44%2021%2C39%2030%2C47%20C30%2C30%2039%2C16%2055%2C16%20C71%2C16%2084%2C28%2086%2C45%20C94%2C44%20100%2C52%20100%2C62%20C100%2C75%2091%2C86%2079%2C86%20Z%22%20transform%3D%22translate%2840%2030%29%20scale%280.34%29%22%20fill%3D%22%238FB4E8%22%20opacity%3D%220.85%22%2F%3E%3Cpath%20d%3D%22M22%2C86%20C10%2C86%200%2C75%202%2C59%20C5%2C44%2021%2C39%2030%2C47%20C30%2C30%2039%2C16%2055%2C16%20C71%2C16%2084%2C28%2086%2C45%20C94%2C44%20100%2C52%20100%2C62%20C100%2C75%2091%2C86%2079%2C86%20Z%22%20transform%3D%22translate%28300%20105%29%20scale%280.48%29%22%20fill%3D%22%238FB4E8%22%20opacity%3D%220.55%22%2F%3E%3Cpath%20d%3D%22M22%2C86%20C10%2C86%200%2C75%202%2C59%20C5%2C44%2021%2C39%2030%2C47%20C30%2C30%2039%2C16%2055%2C16%20C71%2C16%2084%2C28%2086%2C45%20C94%2C44%20100%2C52%20100%2C62%20C100%2C75%2091%2C86%2079%2C86%20Z%22%20transform%3D%22translate%28600%2020%29%20scale%280.28%29%22%20fill%3D%22%238FB4E8%22%20opacity%3D%220.7%22%2F%3E%3Cpath%20d%3D%22M22%2C86%20C10%2C86%200%2C75%202%2C59%20C5%2C44%2021%2C39%2030%2C47%20C30%2C30%2039%2C16%2055%2C16%20C71%2C16%2084%2C28%2086%2C45%20C94%2C44%20100%2C52%20100%2C62%20C100%2C75%2091%2C86%2079%2C86%20Z%22%20transform%3D%22translate%28170%20235%29%20scale%280.24%29%22%20fill%3D%22%238FB4E8%22%20opacity%3D%220.45%22%2F%3E%3Cpath%20d%3D%22M22%2C86%20C10%2C86%200%2C75%202%2C59%20C5%2C44%2021%2C39%2030%2C47%20C30%2C30%2039%2C16%2055%2C16%20C71%2C16%2084%2C28%2086%2C45%20C94%2C44%20100%2C52%20100%2C62%20C100%2C75%2091%2C86%2079%2C86%20Z%22%20transform%3D%22translate%28740%20195%29%20scale%280.38%29%22%20fill%3D%22%238FB4E8%22%20opacity%3D%220.4%22%2F%3E%3Cpath%20d%3D%22M22%2C86%20C10%2C86%200%2C75%202%2C59%20C5%2C44%2021%2C39%2030%2C47%20C30%2C30%2039%2C16%2055%2C16%20C71%2C16%2084%2C28%2086%2C45%20C94%2C44%20100%2C52%20100%2C62%20C100%2C75%2091%2C86%2079%2C86%20Z%22%20transform%3D%22translate%28470%20290%29%20scale%280.21%29%22%20fill%3D%22%238FB4E8%22%20opacity%3D%220.35%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(168deg,#0B1F4B 0%,#102A56 50%,#12203A 100%) !important;
  background-size:cover,auto !important; background-position:center,center !important; background-repeat:no-repeat,no-repeat !important; background-attachment:fixed !important;
}
/* a camada que anda (z -1 dentro do body isolado: não toca nos filhos, fixos ou não) */
body.ent-ceu::before{
  content:""; position:absolute; top:0; left:-900px; width:calc(100% + 1800px); height:55%; z-index:-1; pointer-events:none; opacity:.85;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%22420%22%20viewBox%3D%220%200%20900%20420%22%3E%3Cpath%20d%3D%22M22%2C86%20C10%2C86%200%2C75%202%2C59%20C5%2C44%2021%2C39%2030%2C47%20C30%2C30%2039%2C16%2055%2C16%20C71%2C16%2084%2C28%2086%2C45%20C94%2C44%20100%2C52%20100%2C62%20C100%2C75%2091%2C86%2079%2C86%20Z%22%20transform%3D%22translate%2840%2030%29%20scale%280.34%29%22%20fill%3D%22%23BBD5F7%22%20opacity%3D%220.85%22%2F%3E%3Cpath%20d%3D%22M22%2C86%20C10%2C86%200%2C75%202%2C59%20C5%2C44%2021%2C39%2030%2C47%20C30%2C30%2039%2C16%2055%2C16%20C71%2C16%2084%2C28%2086%2C45%20C94%2C44%20100%2C52%20100%2C62%20C100%2C75%2091%2C86%2079%2C86%20Z%22%20transform%3D%22translate%28300%20105%29%20scale%280.48%29%22%20fill%3D%22%23BBD5F7%22%20opacity%3D%220.55%22%2F%3E%3Cpath%20d%3D%22M22%2C86%20C10%2C86%200%2C75%202%2C59%20C5%2C44%2021%2C39%2030%2C47%20C30%2C30%2039%2C16%2055%2C16%20C71%2C16%2084%2C28%2086%2C45%20C94%2C44%20100%2C52%20100%2C62%20C100%2C75%2091%2C86%2079%2C86%20Z%22%20transform%3D%22translate%28600%2020%29%20scale%280.28%29%22%20fill%3D%22%23BBD5F7%22%20opacity%3D%220.7%22%2F%3E%3Cpath%20d%3D%22M22%2C86%20C10%2C86%200%2C75%202%2C59%20C5%2C44%2021%2C39%2030%2C47%20C30%2C30%2039%2C16%2055%2C16%20C71%2C16%2084%2C28%2086%2C45%20C94%2C44%20100%2C52%20100%2C62%20C100%2C75%2091%2C86%2079%2C86%20Z%22%20transform%3D%22translate%28170%20235%29%20scale%280.24%29%22%20fill%3D%22%23BBD5F7%22%20opacity%3D%220.45%22%2F%3E%3Cpath%20d%3D%22M22%2C86%20C10%2C86%200%2C75%202%2C59%20C5%2C44%2021%2C39%2030%2C47%20C30%2C30%2039%2C16%2055%2C16%20C71%2C16%2084%2C28%2086%2C45%20C94%2C44%20100%2C52%20100%2C62%20C100%2C75%2091%2C86%2079%2C86%20Z%22%20transform%3D%22translate%28740%20195%29%20scale%280.38%29%22%20fill%3D%22%23BBD5F7%22%20opacity%3D%220.4%22%2F%3E%3Cpath%20d%3D%22M22%2C86%20C10%2C86%200%2C75%202%2C59%20C5%2C44%2021%2C39%2030%2C47%20C30%2C30%2039%2C16%2055%2C16%20C71%2C16%2084%2C28%2086%2C45%20C94%2C44%20100%2C52%20100%2C62%20C100%2C75%2091%2C86%2079%2C86%20Z%22%20transform%3D%22translate%28470%20290%29%20scale%280.21%29%22%20fill%3D%22%23BBD5F7%22%20opacity%3D%220.35%22%2F%3E%3C%2Fsvg%3E"); background-size:900px auto;
  animation:entNuvensAndam 190s linear infinite; will-change:transform;
}
html[data-theme="dark"] body.ent-ceu::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%22420%22%20viewBox%3D%220%200%20900%20420%22%3E%3Cpath%20d%3D%22M22%2C86%20C10%2C86%200%2C75%202%2C59%20C5%2C44%2021%2C39%2030%2C47%20C30%2C30%2039%2C16%2055%2C16%20C71%2C16%2084%2C28%2086%2C45%20C94%2C44%20100%2C52%20100%2C62%20C100%2C75%2091%2C86%2079%2C86%20Z%22%20transform%3D%22translate%2840%2030%29%20scale%280.34%29%22%20fill%3D%22%238FB4E8%22%20opacity%3D%220.85%22%2F%3E%3Cpath%20d%3D%22M22%2C86%20C10%2C86%200%2C75%202%2C59%20C5%2C44%2021%2C39%2030%2C47%20C30%2C30%2039%2C16%2055%2C16%20C71%2C16%2084%2C28%2086%2C45%20C94%2C44%20100%2C52%20100%2C62%20C100%2C75%2091%2C86%2079%2C86%20Z%22%20transform%3D%22translate%28300%20105%29%20scale%280.48%29%22%20fill%3D%22%238FB4E8%22%20opacity%3D%220.55%22%2F%3E%3Cpath%20d%3D%22M22%2C86%20C10%2C86%200%2C75%202%2C59%20C5%2C44%2021%2C39%2030%2C47%20C30%2C30%2039%2C16%2055%2C16%20C71%2C16%2084%2C28%2086%2C45%20C94%2C44%20100%2C52%20100%2C62%20C100%2C75%2091%2C86%2079%2C86%20Z%22%20transform%3D%22translate%28600%2020%29%20scale%280.28%29%22%20fill%3D%22%238FB4E8%22%20opacity%3D%220.7%22%2F%3E%3Cpath%20d%3D%22M22%2C86%20C10%2C86%200%2C75%202%2C59%20C5%2C44%2021%2C39%2030%2C47%20C30%2C30%2039%2C16%2055%2C16%20C71%2C16%2084%2C28%2086%2C45%20C94%2C44%20100%2C52%20100%2C62%20C100%2C75%2091%2C86%2079%2C86%20Z%22%20transform%3D%22translate%28170%20235%29%20scale%280.24%29%22%20fill%3D%22%238FB4E8%22%20opacity%3D%220.45%22%2F%3E%3Cpath%20d%3D%22M22%2C86%20C10%2C86%200%2C75%202%2C59%20C5%2C44%2021%2C39%2030%2C47%20C30%2C30%2039%2C16%2055%2C16%20C71%2C16%2084%2C28%2086%2C45%20C94%2C44%20100%2C52%20100%2C62%20C100%2C75%2091%2C86%2079%2C86%20Z%22%20transform%3D%22translate%28740%20195%29%20scale%280.38%29%22%20fill%3D%22%238FB4E8%22%20opacity%3D%220.4%22%2F%3E%3Cpath%20d%3D%22M22%2C86%20C10%2C86%200%2C75%202%2C59%20C5%2C44%2021%2C39%2030%2C47%20C30%2C30%2039%2C16%2055%2C16%20C71%2C16%2084%2C28%2086%2C45%20C94%2C44%20100%2C52%20100%2C62%20C100%2C75%2091%2C86%2079%2C86%20Z%22%20transform%3D%22translate%28470%20290%29%20scale%280.21%29%22%20fill%3D%22%238FB4E8%22%20opacity%3D%220.35%22%2F%3E%3C%2Fsvg%3E"); }
@keyframes entNuvensAndam{ from{ transform:translate3d(0,0,0) } to{ transform:translate3d(900px,0,0) } }
@media (prefers-reduced-motion:reduce){ body.ent-ceu::before{ animation:none; left:0; width:100%; } }
/* o cosmos (roxo + estrelas) sai de todas */
body.ent-ceu .ohcosmos, body.ent-ceu #ohcosmos, body.ent-ceu #fundoCosmos{ display:none !important; }
/* roxo não é cor da marca */
body.ent-ceu{ --purple:var(--blue,#1F73E0); --purple-soft:var(--blue-soft,#E9F2FE); --navy:var(--ink,#13294B); --cyan:var(--blue-700,#1559BD); }

/* ── o cartão: branco, canto 16, borda da casa, sombra leve ─────────────────────────────── */
body.ent-ceu .card, body.ent-ceu .ent-card, body.ent-ceu .glass, body.ent-ceu .ent-rec, body.ent-ceu .cartao,
body.ent-ceu .tela, body.ent-ceu article, body.ent-ceu .aviso, body.ent-ceu .pc{
  background:var(--surface,#fff) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
  border:1px solid var(--line,#E5EDF6) !important; border-radius:16px !important;
  box-shadow:0 12px 34px rgba(19,41,75,.10) !important;
}
body.ent-ceu .ent-rec{ box-shadow:none !important; border-radius:12px !important; }
html[data-theme="dark"] body.ent-ceu .card, html[data-theme="dark"] body.ent-ceu .ent-card, html[data-theme="dark"] body.ent-ceu .glass,
html[data-theme="dark"] body.ent-ceu .tela, html[data-theme="dark"] body.ent-ceu article{ box-shadow:0 12px 34px rgba(0,0,0,.35) !important; }
/* campos */
body.ent-ceu .ent-input, body.ent-ceu .lfield input, body.ent-ceu input[type=text], body.ent-ceu input[type=tel], body.ent-ceu input[type=password], body.ent-ceu input[type=email], body.ent-ceu select, body.ent-ceu textarea{
  border:1px solid var(--line,#E5EDF6); border-radius:11px; background:var(--bg,#F7FAFE); color:var(--ink,#13294B); font-family:var(--font,inherit);
}
body.ent-ceu .ent-input:focus, body.ent-ceu .lfield input:focus, body.ent-ceu input:focus, body.ent-ceu textarea:focus{ outline:none; border-color:var(--blue,#1F73E0); background:var(--surface,#fff); }
/* botão principal: azul chapado, canto 11 (sem degradê, sem sombra colorida) */
body.ent-ceu .ent-btn, body.ent-ceu .btn:not(.sec), body.ent-ceu .lbig, body.ent-ceu .bazul, body.ent-ceu button.cheio, body.ent-ceu .btn-doc, body.ent-ceu .cta, body.ent-ceu .chip.on{
  background:var(--blue,#1F73E0) !important; background-image:none !important; color:#fff !important; border-radius:11px !important; box-shadow:none !important; transform:none !important;
}
body.ent-ceu .ent-btn:hover, body.ent-ceu .lbig:hover, body.ent-ceu .bazul:hover, body.ent-ceu button.cheio:hover{ background:var(--blue-700,#1559BD) !important; }
body.ent-ceu .bok{ background:var(--green,#0FA47A) !important; background-image:none !important; box-shadow:none !important; border-radius:11px !important; }
body.ent-ceu .ent-link, body.ent-ceu .llink, body.ent-ceu .volta, body.ent-ceu a.ent-link{ color:var(--blue-700,#1559BD); }
/* títulos: a cor da casa, nunca azul-marinho próprio nem versalete */
body.ent-ceu h1, body.ent-ceu .login .nm, body.ent-ceu .kpi .v, body.ent-ceu .clic b, body.ent-ceu .pc-tt b, body.ent-ceu .card h3, body.ent-ceu .card h2, body.ent-ceu .hero h1, body.ent-ceu .natbox-h, body.ent-ceu .logo{ color:var(--ink,#13294B); }
body.ent-ceu .login .nm span{ color:var(--blue,#1F73E0); }
body.ent-ceu .login .mono{ background:linear-gradient(135deg,#2A86F0,#1559BD) !important; }
body.ent-ceu .logo small, body.ent-ceu .hero-brand .bs, body.ent-ceu .eyebrow, body.ent-ceu .toc-title, body.ent-ceu .secao-ttl, body.ent-ceu .ent-info-tit, body.ent-ceu .kpi .l, body.ent-ceu .nat-t, body.ent-ceu .pc-b .lbl, body.ent-ceu th, body.ent-ceu .rot, body.ent-ceu .mini .k{ text-transform:none !important; letter-spacing:0 !important; }
body.ent-ceu .logo small{ font-size:12px; }
/* texto que era branco sobre azul-marinho (protético, laboratório) */
body.ent-ceu .topo h1{ color:var(--ink,#13294B) !important; text-shadow:none !important; }
body.ent-ceu .topo .sub, body.ent-ceu .foot{ color:var(--muted,#5E7288) !important; text-shadow:none !important; }
body.ent-ceu .drop{ border-color:var(--blue-line,#CBE0FB) !important; color:var(--blue-700,#1559BD) !important; background:var(--blue-soft,#E9F2FE); }
body.ent-ceu .aviso{ color:var(--ink-2,#3A5573); }
/* o ícone que substitui o emoji */
.ent-ico{ display:inline-block; width:1em; height:1em; vertical-align:-.15em; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.ent-ico.grande{ width:1.4em; height:1.4em; }


/* ═══ 2258 — O CELULAR É LEI: ALVO DE TOQUE ═══════════════════════
   Medido nas dez páginas externas em 375px: "Primeiro acesso" e "Esqueci minha
   senha" tinham 32px de altura; os links do rodapé do blog, 16px; o nome da
   marca na pesquisa, 14px. A polpa do dedo cobre uns 9mm — abaixo de 40px o
   acerto vira sorte, e o vizinho errado fica a 4px de distância.

   ⚠ SÓ O LINK QUE VIVE SOZINHO. Link dentro de parágrafo, item de lista ou
   célula de tabela fica como está: engordar um link no meio da frase abre um
   buraco na linha e piora a leitura, que é o que a página existe para fazer.
   Por isso os três `:not()` — e o `:has()` que deixa de fora o link que
   embrulha um cartão inteiro (ali o alvo já é o cartão). */
@media (max-width:760px){
  body.ent-ceu a:not(p a):not(li a):not(td a):not(:has(div,section,article,h1,h2,h3,p)),
  body.ent-ceu button.llink,
  body.ent-ceu .llink{
    min-height:40px; display:inline-flex; align-items:center; justify-content:center;
  }
}

/* ═══ 2258 — TEXTO QUE NÃO QUEBRA ══════════════════════════════
   E-mail, link colado, nome de arquivo e CPF são uma palavra só para o
   navegador: em 375px eles empurram a caixa inteira para fora. */
body.ent-ceu a[href^="mailto:"], body.ent-ceu a[href^="http"],
body.ent-ceu code, body.ent-ceu .quebra{ overflow-wrap:anywhere; }

/* ═══ 2258 — TABELA LARGA ROLA DENTRO DA PRÓPRIA CAIXA ══════════════
   Nunca a página inteira de lado. O Manual já nasceu certo (a tabela dele mora
   num `overflow-x:auto`); esta regra é a rede para a próxima que vier. */
@media (max-width:760px){
  body.ent-ceu table{ display:block; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
  body.ent-ceu div[style*="overflow-x:auto"] > table{ display:table; }
}
