/* PADRÃO DA CASA v3.0 (design system MAGNUS, 2026-11-03), comum a todas as páginas do UltraCérebro.
   Referência viva: proposta da Dra. Mirza (~/proposta-mirza/site). Carregar DEPOIS do <style> da página,
   junto com padrao-v3.js. Componentes: 21 trilha da página, 22 cartões que acendem, 23 linha nunca cortada,
   (a capa do stand, 24, fica só em proposta e apresentação de venda), 29 página só clara com folha depois de seção escura. */

/* 29: página só clara; a seção branca que sobe depois de uma escura tem fundo próprio */
:root{color-scheme:light only}
.folha:not(.perg){background:var(--canvas)}
/* seção branca (não pergaminho) depois da capa: cartões em pergaminho, como na antiga .folha branca */
main>section:not(.perg):not(.escuro):not(:first-child){--cartao:var(--parchment);--cmd:var(--canvas)}

/* 23: luzes internas somem nas duas pontas, brilho por drop-shadow (segue o degradê) */
.trilho-luz::before{left:0;right:0;box-shadow:none;background:linear-gradient(90deg,rgba(232,89,12,0),#E8590C 15%,#FF8A50 40%,#FF9A5C 50%,#FF8A50 60%,#E8590C 85%,rgba(232,89,12,0));filter:drop-shadow(0 0 3px #FF8A50) drop-shadow(0 0 10px rgba(242,101,15,.6))}
.card .retrato::after{box-shadow:none;background:linear-gradient(90deg,rgba(232,89,12,0),#E8590C 20%,#FF9A5C 50%,#E8590C 80%,rgba(232,89,12,0));filter:drop-shadow(0 0 3px #FF8A50) drop-shadow(0 0 10px rgba(242,101,15,.6))}

/* ponto aceso onde a trilha nasce (ao lado da capa); o .ponto antigo da capa sai para não haver dois */
.ponto-ini{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;
  background:radial-gradient(circle,#FFF8F2 0 18%,#FFCBA8 28%,#FF8A50 46%,#F2650F 62%,rgba(232,89,12,0) 100%);
  box-shadow:0 0 3px 1px rgba(255,248,242,.9),0 0 9px 2px rgba(255,138,80,.85),0 0 22px 7px rgba(232,89,12,.7),0 0 46px 16px rgba(232,89,12,.42);animation:pulso-neon 3s ease-in-out infinite}
@keyframes pulso-neon{50%{box-shadow:0 0 4px 1px rgba(255,248,242,.95),0 0 12px 3px rgba(255,138,80,.9),0 0 28px 9px rgba(232,89,12,.75),0 0 56px 20px rgba(232,89,12,.46)}}
html.js .sob>.ponto{display:none}

/* 21: TRILHA DA PÁGINA. Nasce no ponto da capa e enche com a rolagem até o ponto do fechamento.
   Acima do fundo das seções e abaixo dos cartões. Sem JS: escondida. Reduzir movimento: inteira e parada. */
.trilha-pag{display:none;position:absolute;left:0;top:0;width:0;height:0;z-index:1;pointer-events:none}
html.js .trilha-pag{display:block}
.trilho-p{position:absolute;width:2px;border-radius:2px;background:rgba(140,140,150,.28)}
.trilho-p i{position:absolute;left:0;top:0;width:100%;height:0;border-radius:inherit;background:linear-gradient(180deg,#E8590C,#FF8A50 70%,#FF9A5C);filter:drop-shadow(0 0 2px #FF8A50) drop-shadow(0 0 7px rgba(242,101,15,.55))}
.marco-p{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--canvas);border:2px solid rgba(140,140,150,.6);transition:background .4s,border-color .4s,box-shadow .4s,transform .4s}
.marco-p.aceso{background:#E8590C;border-color:#E8590C}
.marco-p.atual{background:#FF9A5C;border-color:#FF8A50;transform:scale(1.25);box-shadow:0 0 0 4px rgba(232,89,12,.22)}
.ponto-fim{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2px solid rgba(140,140,150,.6);background:#1c1c1e;transition:all .6s}
.trilha-pag.completa .ponto-fim{border-color:transparent;background:radial-gradient(circle,#FFF8F2 0 18%,#FFCBA8 28%,#FF8A50 46%,#F2650F 62%,rgba(232,89,12,0) 100%);box-shadow:0 0 3px 1px rgba(255,248,242,.9),0 0 9px 2px rgba(255,138,80,.85),0 0 22px 7px rgba(232,89,12,.7),0 0 46px 16px rgba(232,89,12,.42)}
html.js .folha{z-index:auto}
.tile,.card,.fase,.cx,.passos li,.cartao,.dor-solucao .sol{position:relative;z-index:2}
@media (max-width:760px){html.js main .wrap{padding-left:40px}}
/* com a trilha da página, os fios antigos e os pontos extras saem: uma âncora de luz por tela */
html.js .sob::before,html.js .fim .trilha::before,html.js .fluxo .luz,html.js .fluxo-trilha .trilho i::after{display:none}
html.js .sob,html.js .fim .trilha,html.js .fim .legenda{padding-left:0}

/* 22: LEITURA ACESA. Cartões acendem em sequência quando a altura de leitura passa (lido suave, atual forte), sem halo */
.leitura{transition:border-color .45s,box-shadow .45s,background-color .45s}
.leitura.lido{border-color:rgba(232,89,12,.45);box-shadow:inset 0 2px 0 rgba(232,89,12,.55),var(--elev,0 0 #0000)}
.leitura.atual{border-color:#E8590C;box-shadow:inset 0 3px 0 #E8590C,var(--elev,0 0 #0000)}
/* cartão sem borda (.cartao, .sol): o contorno vem pela sombra; seletor longo para vencer o .entra.vis .cartao da página */
.cartao.leitura.lido,.sol.leitura.lido,.anima .entra.vis .cartao.leitura.lido{box-shadow:inset 0 2px 0 rgba(232,89,12,.55),0 0 0 1px rgba(232,89,12,.35),var(--elev,0 0 #0000)}
.cartao.leitura.atual,.sol.leitura.atual,.anima .entra.vis .cartao.leitura.atual{box-shadow:inset 0 3px 0 #E8590C,0 0 0 1px rgba(232,89,12,.7),var(--elev,0 0 #0000)}
.card.leitura::before{opacity:.25;transition:opacity .45s}
.card.leitura.lido::before{opacity:.7}
.card.leitura.atual::before{opacity:1;height:3px}
.card.leitura.lido,.card.leitura.atual{box-shadow:none}
.card.leitura.atual{border-color:#E8590C}
.leitura .num,.leitura .cargo{transition:color .45s}
.leitura.atual .num{color:#E8590C}
.escuro .leitura.atual .num{color:#FF8A50}
.lista li.leitura,.conta li.leitura{box-shadow:none}
.lista li.leitura.lido{border-bottom-color:rgba(232,89,12,.45)}
.lista li.leitura.atual{background:linear-gradient(90deg,rgba(232,89,12,.10),transparent 70%);border-bottom-color:#E8590C}
.conta li.leitura{border-color:var(--dark-hairline)}
.conta li.leitura.atual{background:linear-gradient(90deg,rgba(232,89,12,.14),transparent 70%);border-bottom-color:#E8590C}