/* Portal das coautoras · tema "Gestão na Saúde" (06/11/2026, pedido do Bruno: cores mais bonitas, identidade aplicada como na Apogeu Academy).
   Paleta enxuta: azul-marinho do livro + um único acento turquesa; neutros frios (sem cinza quente); títulos em serifa. */
@font-face{font-family:"DM Serif Display";font-weight:400;font-style:normal;font-display:swap;src:url(/portal/fontes/dm-serif.woff2) format("woff2")}
@font-face{font-family:"DM Serif Display";font-weight:400;font-style:italic;font-display:swap;src:url(/portal/fontes/dm-serif-italic.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-weight:400;font-display:swap;src:url(/portal/fontes/figtree-400.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-weight:500;font-display:swap;src:url(/portal/fontes/figtree-500.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-weight:600;font-display:swap;src:url(/portal/fontes/figtree-600.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-weight:700;font-display:swap;src:url(/portal/fontes/figtree-700.woff2) format("woff2")}
:root{
  --ink:#0E1C40; --ink2:#0A1530; --gold:#2EC4C6; --gold-d:#0B7F86;
  --bg:#F4F6FA; --card:#FFFFFF; --line:#E2E7EF; --text:#121C33; --muted:#5D6A80;
  --alerta:#D2513A; --ok:#1B8A5A; --aviso:#B7791F;
  --serif:"DM Serif Display",Georgia,serif; --sans:"Figtree","Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",sans-serif;
}
/* modelo azul (escuro): o mesmo marinho do livro em toda a área de uso */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0A1430;--card:#111F42;--line:#243660;--text:#EEF3FA;--muted:#A6B4CC;--gold-d:#46D3D5}}
:root[data-theme="dark"]{--bg:#0A1430;--card:#111F42;--line:#243660;--text:#EEF3FA;--muted:#A6B4CC;--gold-d:#46D3D5}
body{font-family:var(--sans);letter-spacing:0}
/* topo: marinho com malha de pontos e um brilho turquesa */
header{background:radial-gradient(70% 120% at 85% 0%,rgba(46,196,198,.18),transparent 60%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px) 0 0/22px 22px,var(--ink)!important}
h1,h2,#ltitle,.pn,#fbox>h3,.fb h3{font-family:var(--serif)!important;font-weight:400!important;letter-spacing:0!important}
h1{font-size:clamp(40px,7vw,72px)!important;line-height:1.02!important}
h1 b{color:var(--gold)!important;font-weight:400!important;font-style:italic}
h2{font-size:30px!important}
#fbox>h3{font-size:28px!important;line-height:1.15}
.pn{font-size:32px!important}
.nums div span{font-family:var(--serif);font-weight:400!important;font-size:36px!important}
.brand small,.nums div{color:#AFC0DA!important}
header p{color:#C7D3E6!important}
/* cartão da coautora */
#phead{background:radial-gradient(80% 140% at 100% 0%,rgba(46,196,198,.22),transparent 55%),var(--ink)!important;box-shadow:0 20px 50px -30px rgba(14,28,64,.7)}
.av{background:var(--gold)!important;color:var(--ink)!important;box-shadow:0 0 0 3px rgba(255,255,255,.12)}
/* botões: primário marinho, acento turquesa só em detalhes */
.btn,.wa{background:var(--ink)!important;color:#fff!important;border:0!important;box-shadow:0 8px 20px -12px rgba(14,28,64,.8)}
.btn:hover,.wa:hover{background:#18306A!important}
.gbtn{border-color:rgba(255,255,255,.35)!important;color:#fff!important}
.gbtn:hover{border-color:var(--gold)!important;color:var(--gold)!important}
button{border-color:var(--line)}
/* menu lateral */
.ni[aria-current="page"]{background:var(--ink)!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--gold)}
.ni:hover{background:rgba(14,28,64,.05)}
.ngt{color:var(--gold-d)!important;letter-spacing:.14em}
.ntog{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
/* pendências: um só vermelho, mais suave; prazo em âmbar */
.pend{border-color:var(--alerta)!important;color:var(--alerta)!important}
.pend i,#tabs .ngt i:not(.pza){background:var(--alerta)!important}
.pza i,#tabs .ngt i.pza{background:var(--aviso)!important}
/* cartões e etiquetas */
.fb,.au{border-color:var(--line)!important;box-shadow:0 1px 2px rgba(14,28,64,.04)}
.au:hover{border-color:#B9C6D9!important}
.tag{background:rgba(46,196,198,.14)!important;color:var(--gold-d)!important}
.tag.ok{background:rgba(27,138,90,.12)!important;color:var(--ok)!important}
.tag.env{background:rgba(14,28,64,.08)!important;color:var(--ink)!important}
.tag.no{background:rgba(210,81,58,.12)!important;color:var(--alerta)!important}
/* extras de 06/11 no mesmo tom */
.xtip{background:#F1F8FA!important;border-color:#CFE6EA!important}
.xtip-ok,.xdeg-prox,.xajuda-bt{background:var(--ink)!important}
.xdeg li button[aria-current=step]{background:var(--ink)!important;border-color:var(--ink)!important}
.xdeg li button[aria-current=step] span{background:var(--gold)!important;color:var(--ink)!important}
.wa.alt,.btn.alt{background:transparent!important;color:var(--text)!important;border:1px solid #C5D0E0!important;box-shadow:none!important}
.wa.alt:hover,.btn.alt:hover{border-color:var(--ink)!important}
.wa.red{background:var(--alerta)!important}

/* seletor de modelo (Branco / Azul) */
.xtema{display:inline-flex;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:2px;margin-left:12px}
.xtema button{border:0;background:transparent;color:#DCE5F3;font-size:12.5px;font-weight:600;padding:5px 12px;border-radius:999px;cursor:pointer}
.xtema button[aria-pressed=true]{background:#fff;color:var(--ink)}
/* ajustes do modelo azul */
:root[data-theme="dark"] .btn,:root[data-theme="dark"] .wa{background:var(--gold)!important;color:#0A1430!important}
:root[data-theme="dark"] .wa.alt,:root[data-theme="dark"] .btn.alt{background:transparent!important;color:var(--text)!important;border-color:var(--line)!important}
:root[data-theme="dark"] .ni[aria-current="page"]{background:var(--gold)!important;color:#0A1430!important;box-shadow:none}
:root[data-theme="dark"] .ni:hover{background:rgba(255,255,255,.06)}
:root[data-theme="dark"] .xtip{background:#13264D!important;border-color:#24406F!important;color:var(--text)}
:root[data-theme="dark"] .xtip-ok,:root[data-theme="dark"] .xdeg-prox,:root[data-theme="dark"] .xajuda-bt{background:var(--gold)!important;color:#0A1430!important}
:root[data-theme="dark"] .xdeg,:root[data-theme="dark"] .xbusca-r,:root[data-theme="dark"] .xajuda{background:var(--card)!important;border-color:var(--line)!important;color:var(--text)}
:root[data-theme="dark"] .xdeg li button{background:#162A55!important;border-color:var(--line)!important;color:var(--text)!important}
:root[data-theme="dark"] .xdeg li button[aria-current=step]{background:var(--gold)!important;color:#0A1430!important}
:root[data-theme="dark"] .xbusca input,:root[data-theme="dark"] .xajuda select,:root[data-theme="dark"] .xajuda textarea,:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{background:#0D1A38!important;color:var(--text)!important;border-color:var(--line)!important}
:root[data-theme="dark"] .xbusca-r a{color:var(--text)!important}
:root[data-theme="dark"] .xbusca-r a:hover{background:#162A55!important}
:root[data-theme="dark"] .xtip-abre,:root[data-theme="dark"] .xdeg-ant,:root[data-theme="dark"] .xdeg-tudo{background:transparent!important;color:var(--gold-d)!important;border-color:var(--line)!important}
:root[data-theme="dark"] #phead{box-shadow:none;border:1px solid var(--line)}
:root[data-theme="dark"] .xdeg li button span{background:#24406F!important;color:var(--text)!important}
:root[data-theme="dark"] .xdeg li button[aria-current=step] span{background:#0A1430!important;color:var(--gold)!important}
/* 15h52: no modelo azul, o que está clicado/ativo fica branco-acinzentado (não turquesa) */
:root[data-theme="dark"] .btn,:root[data-theme="dark"] .wa,
:root[data-theme="dark"] .xtip-ok,:root[data-theme="dark"] .xdeg-prox,:root[data-theme="dark"] .xajuda-bt{background:#E9EEF5!important;color:#0A1430!important;box-shadow:none!important}
:root[data-theme="dark"] .btn:hover,:root[data-theme="dark"] .wa:hover,:root[data-theme="dark"] .xtip-ok:hover,:root[data-theme="dark"] .xdeg-prox:hover{background:#FFFFFF!important}
:root[data-theme="dark"] .ni[aria-current="page"]{background:#E9EEF5!important;color:#0A1430!important;box-shadow:inset 3px 0 0 var(--gold)!important}
:root[data-theme="dark"] .xdeg li button[aria-current=step]{background:#E9EEF5!important;border-color:#E9EEF5!important;color:#0A1430!important}
:root[data-theme="dark"] .xdeg li button[aria-current=step] span{background:#0A1430!important;color:#fff!important}
:root[data-theme="dark"] .wa.alt,:root[data-theme="dark"] .btn.alt{background:transparent!important;color:var(--text)!important;border:1px solid #3A4E78!important}
.nxb.nx{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
:root[data-theme="dark"] .nxb.nx{background:#E9EEF5!important;color:#0A1430!important;border-color:#E9EEF5!important}
:root[data-theme="dark"] .nxb:not(.nx){background:transparent!important;color:var(--text)!important;border-color:#3A4E78!important}
/* 15h54: no modelo azul, campos (busca e formulários) em cinza clarinho, e cartões de dica um tom mais claro */
:root[data-theme="dark"] .xbusca input,:root[data-theme="dark"] input:not([type=checkbox]):not([type=radio]),:root[data-theme="dark"] select,:root[data-theme="dark"] textarea,
:root[data-theme="dark"] .xajuda select,:root[data-theme="dark"] .xajuda textarea{background:#E9EEF5!important;color:#0A1430!important;border-color:#E9EEF5!important}
:root[data-theme="dark"] input::placeholder,:root[data-theme="dark"] textarea::placeholder{color:#5D6A80!important}
:root[data-theme="dark"] .xbusca-l{color:#C9D4E6!important}
:root[data-theme="dark"] .xbusca-r{background:#E9EEF5!important;border-color:#E9EEF5!important}
:root[data-theme="dark"] .xbusca-r a,:root[data-theme="dark"] .xbusca-r b{color:#0A1430!important}
:root[data-theme="dark"] .xbusca-r small,:root[data-theme="dark"] .xbusca-nada{color:#5D6A80!important}
:root[data-theme="dark"] .xbusca-r a:hover,:root[data-theme="dark"] .xbusca-r a:focus{background:#FFFFFF!important}
:root[data-theme="dark"] .xtip{background:#1A315F!important;border-color:#2C467A!important}
:root[data-theme="dark"] .xtip-abre{background:#E9EEF5!important;color:#0A1430!important;border-color:#E9EEF5!important}
:root[data-theme="dark"] .gbtn.tnov{background:#E9EEF5!important;color:#0A1430!important;border-color:#E9EEF5!important}
:root[data-theme="dark"] .xsub{border-left-color:#2C467A}
:root[data-theme="dark"] #tabs .xsub button{color:var(--text)!important}
:root[data-theme="dark"] #tabs .xsub button:hover{background:rgba(255,255,255,.06)!important}
:root[data-theme="dark"] #tabs .xsub button[aria-current=true]{background:#E9EEF5!important;color:#0A1430!important}