/* ════ FUNDO COMUM — mesmo da home, para as páginas internas ════
   Carregada DEPOIS do <style> inline de cada página, então vence sem !important.
   A fita fica em z-index -1: entra atrás do conteúdo sem exigir mudança no HTML
   existente (por isso a cor vai para o html e o body fica transparente). */
html{background:#0B211D}
body{background:transparent}

/* `.appbg` é uma div vazia que só pinta o gradiente antigo (163deg, teal→preto).
   Ela estava em z-index -1 IGUAL à camada da fita e, por vir depois no DOM,
   pintava por cima e escondia a fita. Sai de cena: o fundo passa a ser o mesmo da home. */
.appbg{display:none}

.fita-camada{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.fita-camada::before{content:"";position:absolute;inset:0;
  background:radial-gradient(125% 72% at 50% -12%,rgba(18,86,74,.46),transparent 62%)}
.fita{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;
  transition:opacity 1.2s cubic-bezier(.2,.8,.2,1)}
/* leitura longa: a fita fica presente, mas sem disputar com o texto */
.tem-fita .fita{opacity:.78}

/* No celular o texto ocupa a largura inteira e fica muito mais em cima da fita.
   Aqui ela recua de verdade — leitura primeiro. Também poupa bateria. */
@media (max-width:820px){ .tem-fita .fita{opacity:.56} }

@media (prefers-reduced-motion:reduce){ .fita-camada{display:none} }

/* Texto sobre a fita: sombra suave, invisível no fundo liso e só atuando onde
   o feixe passa por trás. É o mesmo recurso da home — véu escuro apagaria a fita. */
h1,h2,h3,h4,p,li,dt,dd,summary,blockquote{
  text-shadow:0 1px 14px rgba(5,20,17,.92),0 0 3px rgba(5,20,17,.55)}
.btn,.btn *,header *,[class*="pill"],[class*="chip"],[class*="badge"]{text-shadow:none}