/* =============================================================
   PRIME PHYSIQUE · REDESENHO 20/09/2026
   Escuro = direção C "Cinemático"; claro = direção B "Papel de laboratório".
   Marca: navy/quase preto + off-white #F5F3EE + cobre. Categorias em tons joia
   (só ícones e filetes). Exo 2 (títulos) + Inter (texto) + Roboto Mono (números).
   Referências: _design/mockup_direcoes.html, mockup_representacao.html,
   mockup_fontes_protocolos.html. Carregado POR ÚLTIMO. Só visual.
   ============================================================= */

/* ---------- 1. TOKENS ---------- */
:root{
  --bg:#07090f; --bg2:#0d1120; --panel:#111628; --panel2:#161c31; --panelhi:#1b2239;
  --card:rgba(24,31,52,.62); --card2:rgba(30,39,64,.70);
  --line:rgba(245,243,238,.09); --line2:rgba(245,243,238,.15);
  --txt:#f7f4ee; --txt2:#b2b7c4; --muted:#8f96a8;
  --acc:#d7773c; --acc2:#f0a066; --accBtn:#d7773c; --accInk:#1a0f08;
  --glow:rgba(215,119,60,.45); --accSoft:rgba(215,119,60,.12); --accLine:rgba(215,119,60,.38);
  /* papéis antigos remapeados: azul e verde-limão viram cobre */
  --blue:#d7773c; --blue2:#f0a066; --blueglow:rgba(215,119,60,.34);
  --lime:#d7773c; --lime2:#f0a066; --gold:#d7773c; --gold2:#f0a066;
  --limeglow:rgba(215,119,60,.34); --lime-soft:rgba(215,119,60,.10); --lime-line:rgba(215,119,60,.34);
  --green:#6cc79c; --ok:#6cc79c; --danger:#e8806f;
  --gA:#5fb38c; --gB:#6f97dc; --gC:#dca653; --gD:#c97468;
  --nav:rgba(9,12,20,.78);
  --edge:linear-gradient(135deg,rgba(215,119,60,.55),rgba(255,255,255,.04) 40%,rgba(111,151,220,.25));
  --shadow:0 18px 44px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.05) inset;
  --shadow-sm:0 8px 22px rgba(0,0,0,.35); --card-shadow:0 16px 40px -14px rgba(0,0,0,.72),0 2px 8px rgba(0,0,0,.4);
  --heroBg:radial-gradient(90% 55% at 50% 0%,rgba(215,119,60,.26),transparent 62%),radial-gradient(70% 50% at 100% 40%,rgba(80,110,200,.14),transparent 60%),#07090f;
  --serif:"Exo 2",system-ui,sans-serif; --sans:"Inter",system-ui,-apple-system,sans-serif;
  --mono:"Inter",system-ui,sans-serif; --num:"Roboto Mono",ui-monospace,SFMono-Regular,monospace;
  --tabh:72px; --r:18px;
}
html[data-theme="light"]{
  --bg:#f5f3ee; --bg2:#eeebe3; --panel:#ffffff; --panel2:#faf8f4; --panelhi:#f3efe6;
  --card:#ffffff; --card2:#faf8f4;
  --line:rgba(20,26,43,.10); --line2:rgba(20,26,43,.16);
  --txt:#141a2b; --txt2:#4f5769; --muted:#626a7c;
  --acc:#c26832; --acc2:#a3521d; --accBtn:#ad5822; --accInk:#ffffff;
  --glow:rgba(194,104,50,.20); --accSoft:rgba(194,104,50,.10); --accLine:rgba(194,104,50,.36);
  --blue:#c26832; --blue2:#a3521d; --blueglow:rgba(194,104,50,.16);
  --lime:#c26832; --lime2:#a3521d; --gold:#c26832; --gold2:#a3521d;
  --limeglow:rgba(194,104,50,.18); --lime-soft:rgba(194,104,50,.08); --lime-line:rgba(194,104,50,.32);
  --green:#2a7654; --ok:#2a7654; --danger:#b0463a;
  --gA:#2f7a58; --gB:#3a64a8; --gC:#8d6020; --gD:#9a4a40;
  --nav:rgba(245,243,238,.9);
  --edge:linear-gradient(135deg,rgba(194,104,50,.35),rgba(20,26,43,.06) 45%,rgba(20,26,43,.10));
  --shadow:0 8px 22px rgba(20,26,43,.07); --shadow-sm:0 3px 12px rgba(20,26,43,.06);
  --card-shadow:0 10px 26px -12px rgba(20,26,43,.16),0 2px 6px rgba(20,26,43,.05);
  --heroBg:linear-gradient(180deg,#f5f3ee,#eeebe3);
}

/* ---------- 2. BASE ---------- */
body{font-family:var(--sans)!important;letter-spacing:0;background:var(--heroBg)!important;background-attachment:fixed!important;color:var(--txt)}
h1,h2,h3,h4,.cond{font-family:var(--serif)!important;font-weight:700;letter-spacing:-.01em}
button,input,select,textarea{font-family:var(--sans)}
::selection{background:rgba(215,119,60,.3);color:var(--txt)}
/* grão de filme (só no escuro) */
html[data-theme="dark"] body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}
/* título com degradê off-white → cobre (escuro) */
html[data-theme="dark"] .grad,html[data-theme="dark"] .hello h2,html[data-theme="dark"] .ohead h2{
  background:linear-gradient(180deg,#fff 30%,#f0b98f);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.eyebrow{display:block;font:600 11px/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--acc2)}
/* números, doses e rótulos numéricos: Roboto Mono */
.pdl .dv b,.pdrow .c1 b,.ppu .ppu-d b,.prnv-i b,.prtr .pcdos b,#rcontent p.body b,#rcontent .rlist li b,#rcontent .rnote b,#rcontent .rtable td b,
.rtline .td b,.kv div b,.ess .ev b,.step .st .std b,.cmp td b,.syncard .rw em{
  font-family:var(--num)!important;font-weight:600!important;color:var(--acc2)!important;letter-spacing:-.01em}
.rtab td,.kc-big,.kc-rv,.kc-pd,.kc-ml,.kc-unit,.kc-u,.kc-chip,.kc-fd input,.kc-sbt,.hcounts span b,.cattile .ctn,
.exprice .now,.exprice .was,.prlv .n,.prnv-n,.tocrow .tn,.mrc small,.mcard .pl,.gl,.prchip,.g2-last,.g2-lr small,.pcount{font-family:var(--num)!important}

/* ---------- 3. TOPO COMPACTO ---------- */
.appbar{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  padding:calc(env(safe-area-inset-top) + 8px) 16px 8px!important;gap:8px!important}
.brand img{height:36px;filter:drop-shadow(0 0 14px rgba(215,119,60,.18))}
.brand .bw{display:none}
#hMenu{display:none!important}
.hbtn{width:44px!important;height:44px!important;border-radius:99px!important;background:var(--card)!important;border:1px solid var(--line)!important;color:var(--txt)!important}
.prefwrap{position:relative;flex-shrink:0}
.prefpill{display:flex;align-items:center;gap:7px;height:44px;padding:0 15px;border-radius:99px;border:1px solid var(--line);
  background:var(--card);color:var(--txt);font:600 13px/1 var(--sans);letter-spacing:.02em}
.prefpill svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.prefpill .pp-d{color:var(--muted)}
.prefpill .pp-sun{display:none}
.prefpill.light .pp-sun{display:block}.prefpill.light .pp-moon{display:none}
.prefpill:active{transform:scale(.96)}
.prefpop{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:248px;display:none;flex-direction:column;gap:8px;padding:10px;
  border-radius:18px;background:var(--panel);border:1px solid var(--line2);box-shadow:0 20px 50px rgba(0,0,0,.45)}
html[data-theme="light"] .prefpop{box-shadow:0 18px 40px rgba(20,26,43,.18)}
.prefpop.on{display:flex}
.prefpop .segctl{display:flex!important;width:100%;gap:4px;padding:4px;border-radius:13px;background:var(--bg2)!important;border:1px solid var(--line)!important}
.prefpop .segbtn{flex:1;min-width:0!important;height:44px!important;gap:6px;opacity:.72;border-radius:10px;color:var(--txt)}
.prefpop .segbtn.on{opacity:1;background:var(--panelhi)!important;border-color:var(--accLine)!important;box-shadow:none!important}
.prefpop .segbtn .lbl{display:inline;margin:0;font:600 13px var(--sans)!important;letter-spacing:0;color:var(--txt)!important}
.prefpop .segbtn.on .lbl{color:var(--txt)!important}
.prefpop .segbtn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}

/* ---------- 4. BARRA INFERIOR (5 abas, flutuante) ---------- */
#tabbar{left:10px!important;right:10px!important;bottom:calc(env(safe-area-inset-bottom) + 6px)!important;height:62px!important;padding:0 4px!important;
  border-radius:22px!important;background:var(--nav)!important;border:1px solid var(--line)!important;
  backdrop-filter:blur(18px) saturate(1.3)!important;-webkit-backdrop-filter:blur(18px) saturate(1.3)!important;box-shadow:var(--shadow)!important}
#tabbar .tab{color:var(--muted)!important;gap:3px!important;min-height:44px;font-family:var(--sans)!important}
#tabbar .tab span{font:600 11px/1.1 var(--sans)!important;letter-spacing:0!important}
#tabbar .tab svg{width:22px!important;height:22px!important;stroke-width:1.7}
#tabbar .tab.on{color:var(--txt)!important}
#tabbar .tab.on svg{filter:none!important;transform:none}
#tabbar .tab.on::before{top:3px!important;width:18px!important;height:2px!important;background:var(--acc)!important;box-shadow:0 0 10px var(--glow)!important}
.view{padding-bottom:calc(var(--tabh) + env(safe-area-inset-bottom) + 20px)!important}
#apg.astab{bottom:calc(env(safe-area-inset-bottom) + 74px)!important}

/* ---------- 5. CARTÕES DE VIDRO ---------- */
.contbar,.chip.mini,.prow,.ess,.evc,.cattile,.tooltile,.mascard,.masrow,.kc-fs,.kc-rc,.mcard,.excard,.srow,.fitcard,.syncard,
.hsearch,.psearch,.menuitem,.acctcard,.pk-box,.g2-card,.g2-map,.g2-panel,.step,.pfacts,.pdtable,.precon,.pfaq,.pbitem,.pstack,.ccard,.ppu,.prtable,.prnv,.rtline,.kc-pi,.sresult,.rnav button,.cmpwrap{
  background:linear-gradient(var(--card),var(--card)) padding-box,var(--edge) border-box!important;border:1px solid transparent!important}
html[data-theme="light"] :is(.contbar,.chip.mini,.prow,.ess,.evc,.cattile,.tooltile,.mascard,.masrow,.kc-fs,.kc-rc,.mcard,.excard,.srow,.fitcard,.syncard,.hsearch,.psearch,.menuitem,.acctcard,.pk-box,.g2-card,.g2-map,.g2-panel,.step,.pfacts,.pdtable,.precon,.pfaq,.pbitem,.pstack,.ccard,.ppu,.prtable,.prnv,.rtline,.kc-pi,.sresult,.rnav button,.cmpwrap){box-shadow:var(--shadow)}
/* filetes laterais antigos (azul/limão) saem; o filete de categoria usa a cor joia */
.ppu,.pstack,.ccard,.sresult,.syncard{border-left-width:1px!important}
.contbar::before,.excard::before{display:none!important}
.fitcard.yes{box-shadow:inset 3px 0 0 var(--green)!important}
.fitcard.no{box-shadow:inset 3px 0 0 var(--danger)!important}

/* ---------- 6. INICIO (painel) ---------- */
.hello{padding:4px 0 16px}
.hello .hi{font:600 11px/1.2 var(--sans)!important;letter-spacing:.22em!important;color:var(--acc2)!important;text-transform:uppercase}
.hello .hi::before{background:linear-gradient(90deg,var(--acc),transparent)!important}
.hello h2{font:700 30px/1.06 var(--serif)!important;letter-spacing:-.015em!important;margin-top:8px}
.hello p{color:var(--txt2)!important}
.hcounts span{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:99px!important;padding:5px 10px!important;color:var(--txt2)!important;font-family:var(--sans)!important}
.hcounts span b{color:var(--acc2)!important}
.hsearch{min-height:50px;border-radius:14px!important;color:var(--muted)!important;font-size:15px}
.hsearch .ic{color:var(--acc2)}
.contbar{border-radius:var(--r)!important;padding:14px!important;gap:12px!important;margin:14px 0 0!important;box-shadow:var(--shadow)!important}
.contbar .cb-ic{width:44px!important;height:44px!important;border-radius:14px!important;font-size:0!important;color:var(--txt)!important;
  background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--cc,var(--acc)) 55%,transparent),color-mix(in srgb,var(--cc,var(--acc)) 20%,transparent) 70%)!important;
  border:1px solid color-mix(in srgb,var(--cc,var(--acc)) 55%,transparent)!important;box-shadow:0 0 18px color-mix(in srgb,var(--cc,var(--acc)) 30%,transparent)!important}
.contbar .cb-ic .ic{width:22px;height:22px}
html[data-theme="light"] .contbar .cb-ic{color:color-mix(in srgb,var(--cc,var(--acc)) 80%,#000)!important}
.contbar .cb-tx b{font:600 10.5px/1.2 var(--sans)!important;letter-spacing:.2em!important;text-transform:uppercase;color:var(--acc2)!important}
.contbar .cb-tx p{font:600 18px/1.15 var(--serif)!important;margin-top:5px!important;color:var(--txt)!important}
.contbar .cb-tx small{display:block;font-size:12px;color:var(--txt2);margin-top:3px}
.contbar .cb-go{color:var(--muted)!important}
.cprog{height:3px;border-radius:3px;background:var(--line2);margin-top:10px;position:relative}
.cprog span{position:absolute;left:0;top:0;bottom:0;background:var(--acc);border-radius:3px}
.cprog span::after{content:"";position:absolute;right:-4px;top:-3px;width:9px;height:9px;border-radius:50%;background:var(--acc);box-shadow:0 0 10px var(--glow)}
.hsec{margin:24px 2px 10px!important}
.hsec h3{flex:1;display:flex;align-items:center;gap:8px;font:600 11px/1.2 var(--sans)!important;letter-spacing:.2em!important;color:var(--acc2)!important}
.hsec h3::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line2),transparent)}
.hsec button{color:var(--acc2)!important;min-height:44px}
.hrail{display:flex!important;flex-wrap:nowrap!important;gap:10px!important;overflow-x:auto;margin:0 -16px;padding:2px 16px 6px;scrollbar-width:none}
.hrail::-webkit-scrollbar{display:none}
.chip.mini{position:relative;flex:0 0 136px;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:12px!important;border-radius:16px!important;
  min-height:124px;text-align:left;color:var(--txt);box-shadow:var(--shadow-sm)}
.chip.mini .mn{font:600 16px/1.1 var(--serif);margin-top:10px;overflow-wrap:anywhere}
.chip.mini .ms{font-size:11px;color:var(--txt2);margin-top:4px;font-weight:500}
.chip.mini .gl{position:absolute;top:12px;right:12px}
/* objetivos */
.catgrid{gap:8px!important}
.cattile{min-height:0!important;padding:12px!important;gap:6px!important;border-radius:16px!important;box-shadow:var(--shadow-sm)}
.cattile b{font:600 14px/1.2 var(--sans)!important;padding-right:26px}
.cattile small{-webkit-line-clamp:1!important;font-size:11.5px!important}
.cattile .ctn{color:var(--muted)!important;font-size:12px!important}
.cti{width:34px!important;height:34px!important;border-radius:11px!important}
.cti,.chip.mini .ic2,.prow .ic2{--tint:.2}
.toolgrid{gap:8px!important}
.tooltile{border-radius:16px!important;min-height:64px;box-shadow:var(--shadow-sm)}
.tti{background:var(--accSoft)!important;border:1px solid var(--accLine)!important;color:var(--acc2)!important}
.mrc .mcov{border-color:var(--line2)!important}
.mrc .mprog i{background:var(--acc)!important}

/* ---------- 7. ÍCONE DE FUNÇÃO (joia) + SELO PEQUENO ---------- */
.ic2{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;
  background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--cc) 55%,transparent),color-mix(in srgb,var(--cc) 22%,transparent) 70%);
  border:1px solid color-mix(in srgb,var(--cc) 55%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--cc) 35%,transparent),inset 0 1px 0 rgba(255,255,255,.2)}
.ic2 .ic{width:22px;height:22px;stroke-width:1.7;filter:drop-shadow(0 0 4px rgba(0,0,0,.3))}
html[data-theme="light"] .ic2{color:color-mix(in srgb,var(--cc) 82%,#000);background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--cc) 30%,transparent),color-mix(in srgb,var(--cc) 10%,transparent) 70%);box-shadow:none}
html[data-theme="light"] .ic2 .ic{filter:none}
.chip.mini .ic2{width:36px;height:36px;border-radius:11px}.chip.mini .ic2 .ic{width:18px;height:18px}
.gl{display:inline-flex;align-items:center;white-space:nowrap;font:600 11px/1 var(--num);letter-spacing:0;padding:3px 7px;border-radius:6px;
  border:1px solid color-mix(in srgb,var(--gc,var(--muted)) 50%,transparent);color:var(--gc,var(--txt2));background:color-mix(in srgb,var(--gc,var(--muted)) 10%,transparent)}
.gl.gA{--gc:var(--gA)}.gl.gB{--gc:var(--gB)}.gl.gC{--gc:var(--gC)}.gl.gD{--gc:var(--gD)}

/* ---------- 8. LISTA DE PÉPTIDOS ---------- */
#peptGrid{display:block!important}
.prow{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px!important;margin-bottom:8px;border-radius:var(--r)!important;
  color:var(--txt);box-shadow:var(--shadow-sm);transition:transform .18s ease}
.prow:active{transform:scale(.975)}
.prow .t{flex:1;min-width:0;display:flex;flex-direction:column}
.prow .pn2{font:600 18px/1.12 var(--serif);letter-spacing:-.005em;overflow-wrap:anywhere}
.prow .pt2{font-size:12px;color:var(--txt2);line-height:1.3;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prow .meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px 6px;margin-top:7px}
.prow .meta .mc{font:600 10.5px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.prow .tagmini{font:600 11px/1 var(--sans)!important;text-transform:none!important;letter-spacing:0!important;padding:3px 7px!important;color:var(--txt2)!important;border-color:var(--line2)!important;background:none!important}
.pfilter{background:linear-gradient(180deg,var(--bg) 80%,transparent)!important}
.psearch{border-radius:14px!important;min-height:48px}
.psearch .ic{color:var(--acc2)!important}
.psearch:focus-within,.searchbox:focus-within{box-shadow:0 0 0 3px var(--accSoft)!important}
.fchip{border-radius:99px!important;min-height:40px;background:var(--card)!important;border:1px solid var(--line)!important;color:var(--txt2)!important;font:600 12.5px var(--sans)!important}
.fchip.on{background:var(--txt)!important;color:var(--bg)!important;border-color:var(--txt)!important}
.pcount{color:var(--muted)!important;font-size:11px!important;letter-spacing:.06em!important}
.evg{border-radius:50%!important;font:700 11.5px/1 var(--serif)!important;color:#fff!important}
.evc.gA,.evg.gA,.evav.gA{--ev:var(--gA)}.evc.gB,.evg.gB,.evav.gB{--ev:var(--gB)}.evc.gC,.evg.gC,.evav.gC{--ev:var(--gC)}.evc.gD,.evg.gD,.evav.gD{--ev:var(--gD)}
html[data-theme="dark"] .evg{color:#0b0e16!important}

/* ---------- 9. FICHA ---------- */
#pept{background:var(--heroBg)!important}
#pept .rbar,#fm .rbar,#reader .rbar,.ovl .rbar{background:transparent!important;border-bottom:1px solid transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:background .2s,border-color .2s}
#fm .rbar,#reader .rbar,.ovl .rbar{background:var(--nav)!important;border-bottom-color:var(--line)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
.backbtn{width:44px;height:44px;min-width:44px;justify-content:center;padding:0!important;border-radius:50%!important;background:var(--card)!important;border:1px solid var(--line)!important}
.backbtn svg{width:18px!important;height:18px!important;stroke:var(--txt)!important}
.rbar .rtt{font:600 16px/1.2 var(--serif)!important;letter-spacing:0}
#pept .rbar .rtt,#prot .rbar .rtt{opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}
#pept.stuck .rbar,#prot.stuck .rbar{background:var(--nav)!important;border-bottom-color:var(--line)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
#pept.stuck .rbar .rtt,#prot.stuck .rbar .rtt{opacity:1;transform:none}
.pbanner.v2{background:transparent!important;border-bottom:0!important;padding:6px 18px 6px!important;overflow:hidden!important}
.pbanner.v2 .bwm{color:var(--cc)}
.pbanner.v2 .bwm{opacity:.09;right:-18px;bottom:-24px}
.pbanner.v2 h1{font:700 40px/1 var(--serif)!important;letter-spacing:-.02em!important;margin:10px 0 6px;overflow-wrap:anywhere}
html[data-theme="light"] .pbanner.v2 h1{color:var(--txt)!important}
.pbanner.v2 .ptl{color:var(--txt2)!important;font:500 13.5px/1.45 var(--sans)!important}
.pcats{gap:6px!important;margin-bottom:4px!important}
.pcat{font:600 10.5px/1 var(--sans)!important;letter-spacing:.14em!important;text-transform:uppercase;padding:5px 9px!important;border-radius:99px!important;
  color:var(--acc2)!important;background:transparent!important;border:1px solid var(--accLine)!important}
.pcat .ic{color:var(--cc)}
html[data-theme="light"] .pcat .ic{color:var(--ccl)}
.psum{margin:14px 16px 0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
/* selo grande com carimbo */
.evc{margin:0 0 10px!important;border-radius:var(--r)!important;box-shadow:var(--shadow)!important;overflow:visible!important}
.evc>summary{padding:14px!important;gap:14px!important}
.evc-g{position:relative;flex:0 0 64px!important;width:64px;height:64px!important;border-radius:50%!important;display:grid!important;place-items:center;
  font:700 32px/1 var(--serif)!important;color:var(--ev)!important;
  background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--ev) 24%,transparent),transparent 70%)!important;
  border:2px solid color-mix(in srgb,var(--acc) 70%,var(--ev));box-shadow:0 0 0 3px rgba(215,119,60,.15),0 0 24px rgba(215,119,60,.3)}
html[data-theme="light"] .evc-g{box-shadow:0 0 0 3px rgba(194,104,50,.10)}
.evc.stamp .evc-g{animation:ppStamp .7s cubic-bezier(.2,1.4,.4,1) both}
.evc.stamp .evc-g::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--acc);opacity:0;animation:ppRing .9s .25s ease-out both}
@keyframes ppStamp{0%{transform:scale(1.9) rotate(-14deg);opacity:0}60%{transform:scale(.92) rotate(2deg);opacity:1}100%{transform:none}}
@keyframes ppRing{0%{opacity:.9;transform:scale(.8)}100%{opacity:0;transform:scale(1.5)}}
.evc-t small{font:600 10.5px/1.2 var(--sans)!important;letter-spacing:.2em!important;color:var(--acc2)!important}
.evc-t b{font:700 17px/1.2 var(--serif)!important;margin-top:3px}
.evc-t i{font-size:11.5px!important;color:var(--muted)!important;margin-top:3px!important}
.evc-x{color:var(--acc2)!important;font-size:12px!important}
.evc-b h4{color:var(--acc2)!important;font:600 11px var(--sans)!important;letter-spacing:.12em!important}
.evc-src a{color:var(--acc2)!important;min-height:36px!important}
.evav{--ev:var(--gC)}
/* lo esencial em 10 s */
.ess{border-radius:var(--r)!important;padding:13px 14px 8px!important;margin:0 0 12px;background:linear-gradient(var(--card2),var(--card2)) padding-box,var(--edge) border-box!important}
.ess .er{display:flex;gap:10px;padding:9px 0;border-top:1px dashed var(--line2);font-size:13.5px;line-height:1.45}
.ess .eyebrow+.er{border-top:0;margin-top:6px}
.ess .ek{flex:0 0 74px;color:var(--muted);font:600 10.5px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding-top:3px}
.ess .ev{flex:1;min-width:0;color:var(--txt);overflow-wrap:anywhere}
.essgo{min-height:44px!important;margin:0!important;color:var(--acc2)!important}
/* calcular */
.pcalc-cta{background:linear-gradient(135deg,var(--accSoft),transparent)!important;border:1px solid var(--accLine)!important;box-shadow:none!important;border-radius:16px!important}
.pcalc-ic{background:var(--accBtn)!important;color:var(--accInk)!important;box-shadow:0 6px 16px var(--glow)!important}
.pcalc-ic .ic{color:var(--accInk)!important}
.pcalc-go{color:var(--acc2)!important}
.kv{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:12px!important}
.kv span{font:600 10.5px/1.2 var(--sans)!important;letter-spacing:.1em!important;color:var(--muted)!important}
.pact{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:14px!important;min-height:64px}
.pact .ic{color:var(--acc2)!important}
.pimnote b{color:var(--acc2)!important}
.panchors{background:color-mix(in srgb,var(--bg) 88%,transparent)!important;border-color:var(--line)!important}
.panchors button{border-radius:99px!important;min-height:44px!important;background:var(--card)!important;border:1px solid var(--line)!important;color:var(--txt2)!important}
.panchors button.on{color:var(--txt)!important;border-color:var(--acc)!important;background:var(--accSoft)!important}
.psec-h h3{font:700 19px/1.2 var(--serif)!important;letter-spacing:-.005em!important}
.psec-h .ic{color:var(--acc2)}
.psec-h.gold .ic,.psec-h.blue .ic{color:var(--acc2)!important}
.psec-h>div.ic{background:var(--accSoft)!important;border:1px solid var(--accLine)!important;border-radius:11px!important}
#pcontent .psec.tgl{border-top-color:var(--line)!important}
.pdl .dk{color:var(--acc2)!important;font-family:var(--sans)!important}
.pdose{background:linear-gradient(var(--card2),var(--card2)) padding-box,var(--edge) border-box!important;border:1px solid transparent!important}
.ppu .ppu-de,.pstack .sn,.prnv-h,#rcontent h3.h2{color:var(--acc2)!important;font-family:var(--serif)!important}
.pbitem .bi,.ptline .tp,.rtline .tp,.pfaq .q,.ccard h4,.pbitem.mech .mt,.ppu .ppu-h{color:var(--acc2)!important}
.ptline .dot,.rtline .dot{background:var(--acc)!important;box-shadow:0 0 0 2px var(--acc),0 0 10px var(--glow)!important}
.pnote{background:var(--accSoft)!important;border:1px solid var(--accLine)!important;color:var(--txt2)!important;font:500 12px/1.55 var(--sans)!important}
html[data-theme="light"] .pnote{color:var(--txt2)!important}
#pcontent a[href*="pubmed"][style]{background:var(--accBtn)!important;color:var(--accInk)!important;box-shadow:0 8px 20px var(--glow)!important}
.rtab td.d{color:var(--acc2)!important}
/* FLIP: o cartão cresce até virar a ficha */
.fghost{position:fixed;z-index:96;pointer-events:none;border-radius:var(--r);background:var(--panel);border:1px solid var(--line2);box-shadow:var(--shadow)}
.fghost.go{transition:left .38s cubic-bezier(.2,.8,.2,1),top .38s cubic-bezier(.2,.8,.2,1),width .38s cubic-bezier(.2,.8,.2,1),height .38s cubic-bezier(.2,.8,.2,1),border-radius .38s,background .38s;border-radius:0;background:var(--bg)}
.fghost.out{opacity:0;transition:opacity .28s ease}
#pept.flipin{animation:ppFade .3s ease both}
@keyframes ppFade{from{opacity:0}to{opacity:1}}

/* ---------- 10. PROTOCOLOS: P2 na lista, P1 ao abrir ---------- */
.prgrid{gap:10px!important}
.prcard.p2{position:relative;display:block!important;height:150px;padding:0!important;border-radius:20px!important;overflow:hidden;
  background:var(--bg)!important;border:0!important;box-shadow:var(--shadow)!important;isolation:isolate}
.prcard.p2::before{content:""!important;position:absolute!important;inset:0!important;width:auto!important;z-index:2;border-radius:20px;border:1px solid var(--line2);
  background:linear-gradient(90deg,var(--bg) 36%,color-mix(in srgb,var(--bg) 60%,transparent) 62%,transparent 100%)!important;pointer-events:none}
.p2img{position:absolute;right:-18px;top:-10px;height:170px;width:170px;object-fit:cover;z-index:1;transition:transform .5s ease}
.prcard.p2:active .p2img{transform:scale(1.04)}
.p2tx{position:absolute;left:15px;top:14px;bottom:13px;z-index:3;display:flex;flex-direction:column;justify-content:space-between;max-width:63%}
.p2tx h3{font:700 21px/1.06 var(--serif)!important;letter-spacing:-.01em!important;color:var(--txt)}
.p2tx p{font-size:12px!important;color:var(--txt2)!important;line-height:1.3!important;margin-top:4px!important;white-space:normal!important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.p2tx .prmeta{display:flex;flex-wrap:wrap;gap:5px;margin:0!important}
.prchip{font:600 11px/1 var(--num)!important;letter-spacing:0!important;text-transform:none!important;padding:4px 7px!important;border-radius:6px!important;
  color:var(--txt2)!important;border:1px solid var(--line2)!important;background:color-mix(in srgb,var(--bg) 70%,transparent)!important}
.prchip.dur{color:var(--acc2)!important;border-color:var(--accLine)!important}
.prgroup.p2g{background:var(--bg)!important;border:1px solid var(--line2)!important;border-radius:20px!important;box-shadow:var(--shadow)!important;overflow:hidden}
.prgroup.p2g::before{display:none!important}
.prg-h.p2{position:relative;display:block!important;height:128px;padding:0!important;overflow:hidden;isolation:isolate}
.prg-h.p2::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,var(--bg) 36%,color-mix(in srgb,var(--bg) 60%,transparent) 62%,transparent 100%),linear-gradient(0deg,var(--bg),transparent 40%)}
.prg-h.p2 .p2img{height:150px;width:150px}
.prg-h.p2 .p2tx h3{font-size:21px!important}
.prg-h.p2 .p2tx p{font:600 11px/1.2 var(--sans)!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--acc2)!important}
.prg-lv{padding:2px 10px 10px!important;gap:6px!important}
.prlv{min-height:48px;background:var(--card)!important;border:1px solid var(--line)!important;border-radius:14px!important}
.prlv .n{background:var(--accSoft)!important;color:var(--acc2)!important;border:1px solid var(--accLine);border-radius:50%!important}
.prlv .m{color:var(--muted)!important;font-family:var(--num)!important}
/* P1 */
#prot{background:var(--bg)!important}
#prot .rbar{position:absolute;left:0;right:0;top:0;z-index:30;background:transparent!important;border-bottom:1px solid transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#prot.stuck .rbar{background:var(--nav)!important;border-bottom-color:var(--line)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
.p1hero{position:relative;height:calc(env(safe-area-inset-top) + 350px);overflow:hidden}
.p1img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);animation:ppKb 14s ease-in-out infinite alternate}
@keyframes ppKb{to{transform:scale(1.16) translateY(-10px)}}
.p1hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,15,.35) 0%,rgba(7,9,15,0) 30%,var(--bg) 96%),radial-gradient(120% 60% at 50% 112%,var(--bg) 30%,transparent 70%)}
html[data-theme="light"] .p1hero::after{background:linear-gradient(180deg,rgba(245,243,238,.35) 0%,rgba(245,243,238,0) 30%,var(--bg) 96%),radial-gradient(120% 60% at 50% 112%,var(--bg) 30%,transparent 70%)}
.p1hero.noimg{height:calc(env(safe-area-inset-top) + 76px)}
.p1txt{position:relative;z-index:2;margin-top:-118px;padding:0 18px 4px}
.p1hero.noimg+.p1txt{margin-top:0}
.p1txt h1{font:700 36px/1.02 var(--serif)!important;letter-spacing:-.02em!important;margin:8px 0 6px;overflow-wrap:anywhere}
html[data-theme="light"] .p1txt h1{color:var(--txt)}
.p1txt .ptl{color:var(--txt2);font-size:14px;font-weight:500}
.prtable .prh{background:var(--card2)!important;color:var(--muted)!important;font-family:var(--sans)!important}
@media(max-width:560px){.prtr .pcpep{color:var(--txt)!important;font:700 17px/1.2 var(--serif)!important}}
.prtr .pcvia{color:var(--acc2)!important}
.prtr .pcdos::before,.prtr .pchor::before,.prtr .pcvia::before,.prtr .pcfun::before{font-family:var(--sans)!important;color:var(--muted)!important;font-size:10.5px!important;letter-spacing:.1em!important}
.prnv-n{background:var(--accSoft)!important;color:var(--acc2)!important;border:1px solid var(--accLine);box-shadow:none!important}

/* ---------- 11. MÁS ---------- */
.masgrid{display:grid;gap:10px}
.mascard{display:flex;align-items:center;gap:14px;width:100%;text-align:left;min-height:86px;padding:16px!important;border-radius:20px!important;color:var(--txt);box-shadow:var(--shadow);transition:transform .15s}
.mascard:active,.masrow:active{transform:scale(.98)}
.mci{flex:none;width:50px;height:50px;border-radius:15px;display:grid;place-items:center;color:var(--acc2);background:var(--accSoft);border:1px solid var(--accLine)}
.mci .ic{width:24px;height:24px}
.mct{flex:1;min-width:0;display:flex;flex-direction:column}
.mct b{font:700 19px/1.12 var(--serif)}
.mct small{font-size:12.5px;color:var(--txt2);line-height:1.35;margin-top:4px}
.mcgo .ic,.masrow>span:last-child .ic{width:18px;height:18px;color:var(--muted)}
.mas-ex{background:radial-gradient(120% 140% at 100% 0%,rgba(215,119,60,.22),transparent 60%) padding-box,linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(135deg,rgba(240,160,102,.9),rgba(215,119,60,.25) 50%,rgba(215,119,60,.6)) border-box!important;
  box-shadow:0 0 30px rgba(215,119,60,.18),var(--shadow)!important}
.mas-ex .mci{background:var(--accBtn);color:var(--accInk);border-color:transparent;box-shadow:0 8px 20px var(--glow)}
.maslist{display:flex;flex-direction:column;gap:8px}
.masrow{display:flex;align-items:center;gap:12px;width:100%;text-align:left;min-height:60px;padding:10px 14px!important;border-radius:16px!important;color:var(--txt)}
.mri{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:var(--acc2);background:var(--accSoft)}
.mri .ic{width:19px;height:19px}
.mrt{flex:1;min-width:0;display:flex;flex-direction:column}
.mrt b{font:600 15px/1.2 var(--sans)}
.mrt small{font-size:12px;color:var(--txt2);margin-top:2px}
.vback{color:var(--txt2)!important;min-height:44px}

/* ---------- 12. CALCULADORA ---------- */
.kc-stl{color:var(--acc2)!important;font-family:var(--sans)!important;letter-spacing:.18em!important}
.kc-stl .kc-no{background:var(--accSoft)!important;color:var(--acc2)!important;font-family:var(--num)!important}
.kc-ob{border-radius:99px!important;background:var(--card)!important;border:1px solid var(--line)!important;color:var(--txt2)!important}
.kc-ob.on,.kc-pi.on,.kc-sbt.on{background:var(--accSoft)!important;border-color:var(--acc)!important;color:var(--txt)!important;box-shadow:0 0 0 3px var(--accSoft)!important}
.kc-pi.on::before{background:var(--acc)!important}
.kc-fd input,.kc-sbt,.kc-us,.kc-chip{background:var(--bg2)!important}
.kc-fd input:focus{border-color:var(--acc)!important;box-shadow:0 0 0 4px var(--accSoft)!important}
.kc-u.on{background:var(--accSoft)!important;color:var(--acc2)!important}
.kc-cbtn{background:var(--accBtn)!important;color:var(--accInk)!important;font-family:var(--sans)!important;box-shadow:0 12px 30px var(--glow)!important}
.kc-rc{background:radial-gradient(120% 80% at 50% 0%,var(--accSoft),transparent 60%) padding-box,linear-gradient(var(--card),var(--card)) padding-box,var(--edge) border-box!important}
.kc-res-head span,.kc-st th{color:var(--acc2)!important;font-family:var(--sans)!important}
.kc-big{color:var(--acc2)!important;font-weight:600!important}
.kc-ic{background:var(--accSoft)!important;border-left-color:var(--acc)!important}
.kc-ic strong{color:var(--acc2)!important}
.kc-rst{border-radius:99px!important;min-height:44px}
.kc-rst:hover{border-color:var(--acc)!important;color:var(--acc2)!important}
.kc-fd>label,.kc-pgt,.kc-solv-t,.kc-syr-num .kc-lbl{font-family:var(--sans)!important;letter-spacing:.12em!important}

/* ---------- 13. EXTRAS, FÓRMULAS, LEITOR, BUSCA, AJUSTES, GUIA ---------- */
#vExtras{--gold:var(--acc);--gold2:var(--acc2)}
#vExtras .exhero .hi{color:var(--acc2)!important}
.excard{border-radius:20px!important;box-shadow:var(--shadow)!important}
.exflag{background:var(--accBtn)!important;color:var(--accInk)!important;box-shadow:0 3px 10px var(--glow)!important;font-family:var(--sans)!important}
.expages{color:var(--acc2)!important;background:var(--accSoft)!important;border-color:var(--accLine)!important;font-family:var(--sans)!important}
.excta{background:var(--accBtn)!important;color:var(--accInk)!important;font-family:var(--sans)!important;font-weight:700!important;box-shadow:0 10px 24px var(--glow)!important;min-height:48px}
.exprice .was{color:var(--muted)!important}
.expdf{background:var(--accSoft)!important;border-color:var(--accLine)!important}
.extrust{background:var(--card)!important;font-family:var(--sans)!important}
.fmcard{border-color:var(--line2)!important}
.fmcard .fmcode{background:var(--accBtn)!important;color:var(--accInk)!important;border:0!important;box-shadow:none!important;font-family:var(--num)!important}
html[data-theme="dark"] .fmcard .fmcode{color:#1a0f08!important}
.fmcard .fmchip{background:rgba(7,9,15,.55)!important;border:1px solid rgba(245,243,238,.25)!important;color:#f7f4ee!important;font-family:var(--sans)!important}
.fmcard .fmname{font-family:var(--serif)!important;font-weight:700!important}
.pbanner:not(.v2){background:var(--heroBg)!important;border-bottom:1px solid var(--line)!important}
#fm .pbanner h1,#fm .pbanner .ptl{color:#f7f4ee!important;-webkit-text-fill-color:#f7f4ee}
#fm .pbanner .ptag{color:#1a0f08!important;background:#f0a066!important;border-color:transparent!important}
.rbanner.v2{background:radial-gradient(120% 120% at 100% 0%,var(--accSoft),transparent 60%),linear-gradient(160deg,var(--panelhi),var(--bg2))!important}
.rbanner .kick{color:var(--acc2)!important;font-family:var(--sans)!important}
#rprog{background:var(--acc)!important;box-shadow:0 0 10px var(--glow)!important}
#rcontent .chapter::before{background:var(--acc)!important;box-shadow:0 0 12px var(--glow)!important}
#rcontent .chapter{font-weight:700!important}
#rcontent .rtable th{color:var(--acc2)!important;font-family:var(--sans)!important}
#rcontent mark,.sresult mark{background:var(--accSoft)!important;color:var(--txt)!important;box-shadow:inset 0 -2px 0 var(--accLine)!important}
.rnav button{font-family:var(--serif)!important}
.tocrow .tn{color:var(--acc2)!important}
.tocrow.sub .tn{background:var(--acc)!important}
#tocSheet .sh{border-top-color:var(--accLine)!important}
.sresult .sr-mod,.sgroup{color:var(--acc2)!important;font-family:var(--sans)!important}
.srow .sri{color:var(--cc,var(--acc2))!important}
.sclear{color:var(--acc2)!important;min-height:44px}
.acctcard .av{background:var(--accSoft)!important;color:var(--acc2)!important;border-color:var(--accLine)!important}
.acctcard .plan,.menuitem.full .mi-val{color:var(--acc2)!important}
.menusec{font-family:var(--sans)!important;color:var(--muted)!important}
.menuitem .mi-tt{font-family:var(--serif)!important;font-weight:700!important}
.ohead .hi,.g2-sg{color:var(--acc2)!important;font-family:var(--sans)!important}
.pk-it.on{background:var(--accSoft)!important}
.pk-it .ic{color:var(--acc2)!important}
.pk-chip{background:var(--card)!important;border-color:var(--cc)!important}
.g2-src a{color:var(--acc2)!important;background:var(--accSoft)!important}
.g2-svg .zn{fill:rgba(215,119,60,.2)!important;stroke:var(--acc)!important}
.g2-svg .zn.wk{stroke:var(--gB)!important}
.g2-svg .zn.on{fill:rgba(215,119,60,.6)!important}
html[data-theme="light"] .g2-svg .zn{fill:rgba(194,104,50,.16)!important}
html[data-theme="light"] .g2-svg .zn.on{fill:rgba(194,104,50,.5)!important}
.g2-legend i{background:rgba(215,119,60,.2)!important;border-color:var(--acc)!important}
.g2-legend i.on{background:rgba(215,119,60,.6)!important}
.g2-legend i.wk{background:transparent!important;border-color:var(--gB)!important}
.g2-zc.on{background:var(--accSoft)!important;border-color:var(--accLine)!important}
.g2-zc small em,.g2-wk{color:var(--gB)!important;border-color:var(--gB)!important}
.g2-log{background:var(--accBtn)!important;color:var(--accInk)!important}
.g2-list li::before,.step.done .cb{background:var(--acc)!important;border-color:var(--acc)!important}
.step.done .cb{color:var(--accInk)!important}
.golink,.cmp .lk,.g2-refs a,.zq>b,.evc-src a{color:var(--acc2)!important}
/* claro: os antigos verdes-limão escuros forçados viram cobre escuro */
html[data-theme="light"] .hello .hi,html[data-theme="light"] .hcounts span b,html[data-theme="light"] .sresult .sr-mod,
html[data-theme="light"] .g2-sg,html[data-theme="light"] .ohead .hi,html[data-theme="light"] #rcontent .rtable th{color:var(--acc2)!important}

/* ---------- 14. LOGIN ---------- */
#gate{background:var(--heroBg)!important}
#gate .card{border:0!important;box-shadow:none!important;background:none!important;min-height:0!important;overflow:visible!important}
#gate::after{background:radial-gradient(120% 100% at 50% 42%,transparent 60%,rgba(0,0,0,.35) 100%)!important}
html[data-theme="light"] #gate::after{display:none}
.glogo-wrap.v2{width:min(46%,176px)!important;margin:0 auto 18px!important;position:relative}
.glogo{filter:drop-shadow(0 0 40px rgba(215,119,60,.35)) drop-shadow(0 14px 30px rgba(0,0,0,.45))!important}
html[data-theme="light"] .glogo{filter:drop-shadow(0 10px 24px rgba(20,26,43,.14))!important}
/* círculo do nó cobre: centro medido na imagem brand-p (58,0% x 42,1%; nó = 9,1% da largura) */
.glogo-wrap.v2 .glogo{vertical-align:top}
.gnode{position:absolute;left:58%;top:42.1%;width:9.4%;height:auto;aspect-ratio:1/1;border-radius:50%;border:1.5px solid var(--acc);
  pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(1);animation:ppNode 2.8s ease-out 1s infinite}
@keyframes ppNode{0%{opacity:.85;transform:translate(-50%,-50%) scale(1)}70%,100%{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}
.gword{font:600 15px/1 var(--serif)!important;letter-spacing:.32em!important;color:var(--txt)!important;margin-bottom:10px!important}
#gate h1{font:600 11px/1 var(--sans)!important;letter-spacing:.3em!important;color:var(--acc2)!important}
#gate .gsub{color:var(--txt2)!important;margin:12px auto 28px!important}
#email,#pwd{height:52px;padding:0 48px!important;border-radius:14px!important;background:var(--card)!important;border:1px solid var(--line2)!important;
  color:var(--txt)!important;font:500 16px var(--sans)!important;letter-spacing:.02em!important}
#email:focus,#pwd:focus{border-color:var(--acc)!important;box-shadow:0 0 0 4px var(--accSoft)!important;background:var(--card)!important}
#email::placeholder,#pwd::placeholder{color:var(--muted)!important}
#enter{min-height:52px;border-radius:14px!important;background:var(--accBtn)!important;color:var(--accInk)!important;
  font:700 13.5px var(--sans)!important;letter-spacing:.16em!important;box-shadow:0 12px 30px var(--glow)!important}
.ghint{font-family:var(--sans)!important;font-size:12.5px!important;color:var(--txt2)!important;letter-spacing:0!important}
.eye{min-width:44px;min-height:44px;opacity:.75}
#gate .segctl{background:var(--card)!important;border-color:var(--line)!important}
#gate .segbtn.on{background:var(--panelhi)!important;border-color:var(--accLine)!important}
#gate .segbtn.on .lbl{color:var(--acc2)!important}
#gate .segbtn .lbl{font-family:var(--sans)!important;color:var(--txt2)!important}
#gateLangSeg .segbtn{min-width:64px;min-height:44px}

/* ---------- 15. CARREGAMENTO: nó cobre desenhando a ligação ---------- */
.boot{position:fixed;inset:0;z-index:400;display:grid;place-items:center;background:var(--heroBg);opacity:0;pointer-events:none;transition:opacity .35s ease}
.boot.show{opacity:1;pointer-events:auto}
.boot svg{width:120px;height:120px;overflow:visible}
/* o traço agora desenha um P: haste (76) + topo (24) + meia-volta r=20 (~63) + base (24) ≈ 187 */
.boot .ln{stroke:var(--acc);stroke-width:2.6;fill:none;stroke-dasharray:200;stroke-dashoffset:200;stroke-linecap:round;stroke-linejoin:round}
.boot.show .ln{animation:ppDraw 1.4s ease forwards}
.boot .nd{fill:var(--acc);opacity:0;transform-origin:center;transform-box:fill-box;filter:drop-shadow(0 0 6px var(--glow))}
.boot.show .nd{animation:ppPop .4s ease forwards}
.boot.show .nd.n2{animation-delay:.5s}.boot.show .nd.n3{animation-delay:.95s}.boot.show .nd.n4{animation-delay:1.3s}
@keyframes ppDraw{to{stroke-dashoffset:0}}
@keyframes ppPop{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}

/* ---------- 15b. ALVOS DE TOQUE E RÓTULOS (bateria 20/09) ---------- */
.brand{min-width:44px}
.fchip{min-width:44px;justify-content:center}
/* rótulos da seringa: o SVG encolhe ~0,83x no iPhone; 12,5 unidades = ~10,4 px reais */
#kc-syr-svg text{font-family:var(--num)!important;font-size:12.5px}
.fchip,.chip,.panchors button{min-height:44px!important}
.evc-src a{min-height:44px!important}
.hsec button{min-width:44px}
.exflag{font-size:10.5px!important}
html[data-theme="light"] .evav span{color:#fff!important}

/* ---------- 16. MOVIMENTO REDUZIDO ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .boot .ln{stroke-dashoffset:0}.boot .nd{opacity:1}
}

/* 20/09: títulos com degradê cortavam a perna do "p" (o fundo pintado termina na caixa da linha) */
html[data-theme="dark"] .grad,html[data-theme="dark"] .hello h2,html[data-theme="dark"] .ohead h2{padding-bottom:.14em;margin-bottom:-.14em;line-height:1.12}
/* 20/09: no computador as faixas laterais mostram uma barra fina e dá para arrastar */
@media (hover:hover) and (pointer:fine){
  .chiprow,.hrail,.modrail,.panchors{scrollbar-width:thin!important;scrollbar-color:rgba(215,119,60,.45) transparent;cursor:grab;padding-bottom:10px!important}
  .chiprow::-webkit-scrollbar,.hrail::-webkit-scrollbar,.modrail::-webkit-scrollbar,.panchors::-webkit-scrollbar{display:block!important;height:6px}
  .chiprow::-webkit-scrollbar-thumb,.hrail::-webkit-scrollbar-thumb,.modrail::-webkit-scrollbar-thumb,.panchors::-webkit-scrollbar-thumb{background:rgba(215,119,60,.45);border-radius:6px}
}
/* 20/09 · Início H3: sem subtítulo e contadores; atalhos redondos; ficha destacada */
#vHome #homeSub,#vHome #homeCounts{display:none!important}
#vHome .hsearch{margin-top:6px}
.toolgrid.acts4{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
.acts4 .tooltile{flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;padding:4px 0!important;min-height:0!important;
  background:none!important;border:0!important;box-shadow:none!important;text-align:center}
.acts4 .tti{width:56px!important;height:56px!important;border-radius:50%!important;display:grid!important;place-items:center;
  background:linear-gradient(var(--card,rgba(24,31,52,.66)),var(--card,rgba(24,31,52,.66))) padding-box,linear-gradient(135deg,rgba(215,119,60,.6),rgba(255,255,255,.05) 45%,rgba(111,151,220,.3)) border-box!important;
  border:1px solid transparent!important;box-shadow:0 0 20px rgba(215,119,60,.28)}
.acts4 .tti svg{width:22px;height:22px}
.acts4 .tt b{font:600 11.5px/1.2 var(--sans)!important;color:var(--txt2,inherit)}
.acts4 .tt small{display:none!important}
html[data-theme="light"] .acts4 .tti{background:#fff!important;border:1px solid rgba(194,104,50,.35)!important;box-shadow:0 6px 16px rgba(20,26,43,.08)}
.featcard{position:relative;display:block;width:100%;text-align:left;border-radius:20px;padding:16px 84px 16px 16px;min-height:150px;color:inherit;cursor:pointer;
  background:linear-gradient(var(--card,rgba(24,31,52,.66)),var(--card,rgba(24,31,52,.66))) padding-box,linear-gradient(135deg,rgba(215,119,60,.55),rgba(255,255,255,.04) 40%,rgba(111,151,220,.25)) border-box;border:1px solid transparent;box-shadow:0 14px 34px rgba(0,0,0,.4)}
html[data-theme="light"] .featcard{background:#fff;border:1px solid rgba(20,26,43,.10);box-shadow:0 8px 20px rgba(20,26,43,.07)}
.featcard .fc-k{display:block;font:600 10px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--acc2)}
.featcard .fc-n{display:block;font:700 28px/1.05 "Exo 2",sans-serif;margin:8px 0 6px}
.featcard .fc-w{display:block;font-size:12.5px;line-height:1.45;color:var(--txt3,#b2b7c4)}
html[data-theme="light"] .featcard .fc-w{color:#4b5467}
.featcard .fc-seal{position:absolute;right:16px;top:16px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font:800 26px "Exo 2";
  border:2px solid var(--acc,#d7773c);box-shadow:0 0 22px rgba(215,119,60,.4)}
.featcard .fc-seal.gA{color:#5fb38c}.featcard .fc-seal.gB{color:#6f97dc}.featcard .fc-seal.gC{color:#dca653}.featcard .fc-seal.gD{color:#c97468}
html[data-theme="light"] .featcard .fc-seal.gA{color:#2f7a58}html[data-theme="light"] .featcard .fc-seal.gB{color:#3a64a8}html[data-theme="light"] .featcard .fc-seal.gC{color:#8a5f1f}html[data-theme="light"] .featcard .fc-seal.gD{color:#9a4a40}
.featcard .fc-p{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.featcard .fc-p i{font:600 10.5px "Roboto Mono",monospace;font-style:normal;border:1px solid rgba(128,128,128,.3);border-radius:7px;padding:2px 7px;opacity:.9}
/* 20/09 · tela de escolha de idioma (primeira abertura) */
#langGate{position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;padding:24px 18px;
  background:radial-gradient(90% 55% at 50% 0%,rgba(215,119,60,.28),transparent 62%),radial-gradient(70% 50% at 100% 40%,rgba(80,110,200,.14),transparent 60%),#07090f;
  color:#f7f4ee;transition:opacity .3s ease}
#langGate[hidden]{display:none!important}
#langGate.out{opacity:0}
html[data-theme="light"] #langGate{background:linear-gradient(180deg,#f5f3ee,#eeebe3);color:#141a2b}
.lg-card{width:100%;max-width:400px;text-align:center}
.lg-logo{margin:0 auto 10px}
#langGate .gword{letter-spacing:.32em;margin-bottom:26px}
.lg-t{margin:0 0 22px;font:700 26px/1.15 "Exo 2",sans-serif}
.lg-t span{display:block}
.lg-t span[lang="en"]{font-size:17px;font-weight:600;opacity:.62;margin-top:4px}
.lg-opt{display:flex;align-items:center;gap:14px;width:100%;min-height:74px;margin:0 0 12px;padding:14px 16px;border-radius:18px;cursor:pointer;text-align:left;color:inherit;
  background:linear-gradient(rgba(24,31,52,.66),rgba(24,31,52,.66)) padding-box,linear-gradient(135deg,rgba(215,119,60,.6),rgba(255,255,255,.05) 45%,rgba(111,151,220,.3)) border-box;
  border:1px solid transparent;box-shadow:0 14px 34px rgba(0,0,0,.45);transition:transform .15s ease}
.lg-opt:active{transform:scale(.98)}
html[data-theme="light"] .lg-opt{background:#fff;border:1px solid rgba(20,26,43,.12);box-shadow:0 8px 20px rgba(20,26,43,.08)}
.lg-opt .fl{font-size:30px;line-height:1}
.lg-tx{flex:1;min-width:0}.lg-tx b{display:block;font:700 19px/1.2 "Exo 2",sans-serif}.lg-tx small{display:block;font-size:13px;opacity:.7;margin-top:2px}
.lg-sug{font:600 10px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#1a0f08;background:#d7773c;border-radius:99px;padding:5px 8px}
html[data-theme="light"] .lg-sug{background:#c26832;color:#fff}
.lg-go{font-size:24px;opacity:.5}
.lg-note{margin:16px 0 0;font-size:12.5px;opacity:.7}
.lg-note span{display:block}
@media (prefers-reduced-motion:reduce){#langGate{transition:none}}

/* 20/09 · idioma: os dois títulos iguais (mesma fonte e tamanho, sem negrito) */
.lg-t{font:400 22px/1.3 "Exo 2",sans-serif!important}
.lg-t span[lang]{display:block;font:inherit!important;opacity:1!important;margin:0!important}
/* 20/09 · computador: barra própria para arrastar as faixas laterais (a barra nativa some) */
.pc .chiprow,.pc .hrail,.pc .modrail,.pc .panchors{scrollbar-width:none!important;cursor:auto!important;padding-bottom:6px!important}
.pc .chiprow::-webkit-scrollbar,.pc .hrail::-webkit-scrollbar,.pc .modrail::-webkit-scrollbar,.pc .panchors::-webkit-scrollbar{display:none!important}
.hsbar{position:relative;height:14px;margin:4px 0 8px;border-radius:99px;cursor:pointer;
  background:linear-gradient(transparent 5px,rgba(245,243,238,.10) 5px,rgba(245,243,238,.10) 9px,transparent 9px)}
html[data-theme="light"] .hsbar{background:linear-gradient(transparent 5px,rgba(20,26,43,.10) 5px,rgba(20,26,43,.10) 9px,transparent 9px)}
.hsbar i{position:absolute;left:0;top:2px;height:10px;border-radius:99px;background:linear-gradient(90deg,#c26832,#e08a52);cursor:grab;
  box-shadow:0 0 10px rgba(215,119,60,.45);transition:height .15s,top .15s}
.hsbar:hover i,.hsbar.on i{top:1px;height:12px}
.hsbar.on i{cursor:grabbing}
.panchors + .hsbar{margin:0 16px 6px}
/* 20/09 · aviso de instalação no Início */
.instbar{position:relative;margin:12px 0 0}
.instbar[hidden]{display:none!important}
.instbar .ib-main{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:12px 44px 12px 14px;border-radius:16px;text-align:left;color:inherit;cursor:pointer;
  background:linear-gradient(135deg,rgba(215,119,60,.20),rgba(215,119,60,.06)) padding-box,linear-gradient(135deg,rgba(215,119,60,.7),rgba(215,119,60,.15)) border-box;border:1px solid transparent}
html[data-theme="light"] .instbar .ib-main{background:linear-gradient(135deg,rgba(194,104,50,.12),#fff) padding-box,linear-gradient(135deg,rgba(194,104,50,.55),rgba(194,104,50,.15)) border-box}
.ib-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:#d7773c;color:#1a0f08}
html[data-theme="light"] .ib-ic{background:#c26832;color:#fff}
.ib-ic svg{width:21px;height:21px}
.ib-tx{flex:1;min-width:0}.ib-tx b{display:block;font:700 14.5px/1.25 "Exo 2",sans-serif}.ib-tx small{display:block;font-size:12px;opacity:.75;margin-top:2px}
.ib-go{font-size:22px;opacity:.6}
.instbar .ib-x{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;background:none;color:inherit;opacity:.55;font-size:22px;cursor:pointer}
/* 20/09 · folha com os passos de instalação */
#instSheet{position:fixed;inset:0;z-index:4000;display:flex;align-items:flex-end;justify-content:center}
#instSheet[hidden]{display:none!important}
.is-back{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .25s}
#instSheet.on .is-back{opacity:1}
.is-card{position:relative;width:100%;max-width:520px;max-height:88vh;overflow:auto;border-radius:24px 24px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom));
  background:#0d1120;color:#f7f4ee;border-top:1px solid rgba(215,119,60,.45);transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
html[data-theme="light"] .is-card{background:#f5f3ee;color:#141a2b}
#instSheet.on .is-card{transform:none}
.is-x{position:absolute;right:8px;top:8px;width:44px;height:44px;border:0;background:none;color:inherit;font-size:24px;opacity:.6;cursor:pointer}
.is-card h2{font:700 21px/1.25 "Exo 2",sans-serif;margin:8px 40px 14px 0}
.is-seg{display:flex;gap:6px;padding:4px;border-radius:14px;background:rgba(128,128,128,.14);margin-bottom:14px}
.is-seg button{flex:1;min-height:44px;border:0;border-radius:10px;background:none;color:inherit;font:600 14px Inter,sans-serif;cursor:pointer;opacity:.7}
.is-seg button.on{background:#d7773c;color:#1a0f08;opacity:1}
html[data-theme="light"] .is-seg button.on{background:#c26832;color:#fff}
.is-steps{list-style:none;margin:0;padding:0}
.is-steps li{display:flex;gap:12px;padding:12px 0;border-top:1px solid rgba(128,128,128,.18)}
.is-steps li:first-child{border-top:0}
.is-steps .n{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;font:700 13px "Roboto Mono",monospace;border:1.5px solid #d7773c;color:#e08a52}
html[data-theme="light"] .is-steps .n{border-color:#c26832;color:#a9551f}
.is-steps b{display:block;font:600 15px/1.3 Inter,sans-serif}.is-steps small{display:block;font-size:13px;opacity:.75;margin-top:2px}
.is-now{width:100%;min-height:50px;margin:12px 0 4px;border:0;border-radius:14px;background:#d7773c;color:#1a0f08;font:700 14px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.is-tip{font-size:12.5px;opacity:.7;margin:12px 0 0}
@media (prefers-reduced-motion:reduce){.is-back,.is-card{transition:none}}
/* 20/09 · seletor de idioma do login mais visível (estava pequeno e apagado no canto) */
#gate .gate-top{justify-content:center!important;left:0!important;right:0!important;padding-top:max(18px,env(safe-area-inset-top))!important}
#gateLangSeg{padding:4px!important;gap:4px!important;border:1px solid rgba(215,119,60,.45)!important;background:rgba(24,31,52,.7)!important;border-radius:14px!important}
#gateLangSeg .segbtn{min-height:44px!important;min-width:84px!important;padding:0 14px!important;font:600 14px Inter,sans-serif!important;opacity:.8;border-radius:10px!important}
#gateLangSeg .segbtn.on{opacity:1;background:#d7773c!important;color:#1a0f08!important}
html[data-theme="light"] #gateLangSeg{background:#fff!important;border-color:rgba(194,104,50,.45)!important}
html[data-theme="light"] #gateLangSeg .segbtn.on{background:#c26832!important;color:#fff!important}
#gateLangSeg .segbtn.on,#gateLangSeg .segbtn.on *{color:#1a0f08!important}
html[data-theme="light"] #gateLangSeg .segbtn.on,html[data-theme="light"] #gateLangSeg .segbtn.on *{color:#fff!important}
#gateLangSeg .segbtn:not(.on),#gateLangSeg .segbtn:not(.on) *{color:#d8dbe3!important}
html[data-theme="light"] #gateLangSeg .segbtn:not(.on),html[data-theme="light"] #gateLangSeg .segbtn:not(.on) *{color:#3a4254!important}
#gate #gateLangSeg .segbtn.on .lbl{color:#1a0f08!important}
html[data-theme="light"] #gate #gateLangSeg .segbtn.on .lbl{color:#fff!important}
#gate #gateLangSeg .segbtn:not(.on) .lbl{color:#d8dbe3!important}
html[data-theme="light"] #gate #gateLangSeg .segbtn:not(.on) .lbl{color:#3a4254!important}
html[data-theme="light"] #gate #gateLangSeg .segbtn.on{background:#a9551f!important}
/* 20/09 · tabela do protocolo: o rótulo de cada linha vinha escrito em espanhol no CSS; agora vem do idioma da ficha */
@media(max-width:560px){
  .prtr .pcdos::before,.prtr .pchor::before,.prtr .pcvia::before,.prtr .pcfun::before{content:attr(data-l) " · "!important}
}
/* 20/09 · topo do protocolo: o título era puxado 118px para cima, mas a imagem cresce com a área segura do iPhone,
   e a seção seguinte ficava POR BAIXO da imagem (o hero é posicionado e pinta acima do conteúdo estático) */
/* altura fixa (a área segura do iPhone ia para a altura e empurrava a seção seguinte para dentro da imagem);
   o botão voltar é que respeita a área segura. O conteúdo depois do topo pinta ACIMA da imagem. */
.p1hero{height:350px!important;padding-bottom:0}
.p1hero.noimg{height:76px!important}
#prot .rbar{padding-top:env(safe-area-inset-top)!important}
#prot .p1txt,#prot .p1hero ~ *{position:relative;z-index:2}
.p1txt{margin-bottom:40px}  /* limpa os 10px que sobravam por baixo da imagem */
/* 20/09 · varredura: os botões de objetivo da calculadora tinham 40px de altura (mínimo de toque é 44) */
.kc-ob{min-height:44px!important}
/* 20/09 · varredura: no modo claro o nome da fórmula ficava branco sobre cartão branco (regra do visual antigo em voltage.css) */
html[data-theme="light"] .fmcard .fmname{color:var(--txt)!important;text-shadow:none!important}
html[data-theme="light"] .fmcard .fmobj,html[data-theme="light"] .fmcard .fmsub{color:var(--txt2)!important;text-shadow:none!important}
html[data-theme="light"] .fmcard .fmchip{background:rgba(20,26,43,.06)!important;border-color:rgba(20,26,43,.18)!important;color:var(--txt2)!important}
html[data-theme="light"] .is-seg button.on{background:#a9551f!important}

/* 20/09 · tela de escolha do idioma: o anel do nó abria logo que a tela aparece e era visto
   no meio da expansão, lendo como uma marcação solta em volta do P. Na tela de login ele é
   visto colado no nó, e foi essa que ele aprovou. Aqui o anel fica parado e colado. */
#langGate .gnode{animation:none!important;opacity:.66!important;transform:translate(-50%,-50%) scale(1)!important}