/* Apresentação do time N1 (só gestores): telas em 16:9 com números, rankings, pontos fortes e a melhorar, por mês. */

:root{--bg:#0B0F16;--card:#141A23;--line:#232B37;--ink:#F2F4F7;--ink2:#C3C9D3;--mut:#8F99A8;--soft:#1B2230;--accent:#6E9BFF;--accent-soft:#1C2740;--good:#6FD39B;--good-soft:#16301F;--bad:#F2A65A;--bad-soft:#3A2516;--warn:#F2C65A}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",system-ui,sans-serif}
.deck{position:relative;width:100vw;height:100vh;overflow:hidden}
.slide{position:absolute;inset:0;display:none;flex-direction:column;padding:56px 72px 64px}
.slide.on{display:flex}
.topo{display:flex;justify-content:space-between;align-items:center;font-size:15px;color:var(--mut);letter-spacing:.04em}
.topo b{color:var(--ink2);font-weight:700}
h1{font-size:64px;line-height:1.05;margin:0;letter-spacing:-.02em}
h2{font-size:40px;margin:18px 0 6px;letter-spacing:-.01em}
.lead{font-size:22px;color:var(--ink2);margin:0 0 28px;max-width:60ch}
.capa{justify-content:center;gap:18px;background:radial-gradient(1200px 600px at 85% 10%,#1D2C52 0,transparent 60%),radial-gradient(900px 500px at 0% 100%,#132A2A 0,transparent 60%)}
.capa .eyebrow{font-size:18px;color:var(--accent);font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.capa .per{font-size:30px;color:var(--ink2)}
.chips{display:flex;gap:12px;margin-top:18px}.chip{padding:10px 18px;border-radius:999px;background:var(--soft);font-size:18px;color:var(--ink2)}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:auto 0}
.k{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:28px 28px 24px;display:flex;flex-direction:column;gap:10px}
.k .r{font-size:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.k .v{font-size:68px;font-weight:800;line-height:1;letter-spacing:-.02em}
.k .d{font-size:16px;font-weight:700}.up{color:var(--good)}.down{color:var(--bad)}.flat{color:var(--mut)}
.k .x{font-size:15px;color:var(--mut)}
.k.hero{background:linear-gradient(160deg,#1E2F5C,#141A23 70%);border-color:#2C4380}.k.hero .v{color:#9DBBFF}
.info{margin-top:18px;font-size:17px;color:var(--mut)}
.chart{flex:1;display:flex;flex-direction:column;justify-content:center}
svg text{fill:var(--mut);font-size:15px;font-family:inherit}
.leg{display:flex;gap:22px;font-size:16px;color:var(--ink2);margin-bottom:8px}.leg i{display:inline-block;width:14px;height:14px;border-radius:4px;margin-right:8px;vertical-align:-2px}
.duo{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;margin:auto 0;align-items:stretch}
.big{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:30px;display:flex;flex-direction:column;gap:12px}
.big{padding:36px 34px}.big .v{font-size:110px;font-weight:800;line-height:1;letter-spacing:-.03em}
.big .s{font-size:21px;color:var(--ink2)}
.acoes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;flex:1;align-content:center}
.ac{background:var(--card);border:1px solid var(--line);border-left:8px solid var(--mut);border-radius:20px;padding:30px;display:flex;flex-direction:column;gap:12px}
.ac.w{border-left-color:var(--warn)}.ac.b{border-left-color:var(--bad)}.ac.m{border-left-color:#7F8CA3}
.ac b{font-size:76px;line-height:1}.ac h3{margin:0;font-size:26px}.ac p{margin:0;font-size:18px;color:var(--ink2);line-height:1.4}
.ok{background:var(--good-soft);border:1px solid #24553A;border-radius:22px;padding:30px}
.ok .v{color:var(--good)}
.foco{display:flex;flex-direction:column;gap:18px;flex:1;justify-content:center}
.fi{display:flex;gap:22px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px 28px}
.fi .n{flex:none;width:52px;height:52px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:24px;font-weight:800}
.fi h3{margin:0 0 4px;font-size:26px}.fi p{margin:0;font-size:19px;color:var(--ink2)}
.rod{position:absolute;left:72px;right:72px;bottom:22px;display:flex;justify-content:space-between;font-size:14px;color:var(--mut)}
.prog{position:absolute;left:0;bottom:0;height:4px;background:var(--accent);transition:width .3s}

:root{color-scheme:dark}
html,body{height:100%}
.deck{width:100%;height:100%}
.slide{padding-block:56px 64px;padding-left:max(72px,env(safe-area-inset-left,0px));padding-right:max(72px,env(safe-area-inset-right,0px))}
@media (max-width:760px){
 .slide{padding-block:24px 56px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));overflow-y:auto}
 h1{font-size:40px}h2{font-size:26px}.lead{font-size:16px;margin-bottom:16px}.capa .per{font-size:20px}
 .grid4,.duo,.acoes{grid-template-columns:minmax(0,1fr);gap:12px;margin:12px 0}
 .k .v{font-size:44px}.big .v{font-size:64px}.ac b{font-size:48px}.ac h3,.fi h3{font-size:20px}.fi p,.ac p,.big .s{font-size:16px}
 .topo{font-size:12px;gap:8px}.rod{left:16px;right:16px}
}
@media (prefers-reduced-motion:reduce){.prog{transition:none}}

.rk{display:flex;flex-direction:column;gap:9px;margin:auto 0;width:100%}
.rr{display:grid;grid-template-columns:44px minmax(0,230px) minmax(0,1fr) 70px 150px;gap:16px;align-items:center;font-size:19px}
.rr .p{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--soft);color:var(--ink2)}
.rr.t1 .p{background:#E7B93E;color:#1A1405}.rr.t2 .p{background:#C9D1DC;color:#14181F}.rr.t3 .p{background:#C98A56;color:#1A1005}
.rr .nm{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rr .br{height:14px;border-radius:7px;background:var(--soft);overflow:hidden}.rr .br i{display:block;height:100%;border-radius:7px;background:#5E86E8}
.rr.t1 .br i,.rr.t2 .br i,.rr.t3 .br i{background:#9DBBFF}
.rr .nt{font-size:26px;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}
.rr .dv{white-space:nowrap;font-size:17px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.pod{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:auto 0}
.pc{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:12px}
.pc h3{margin:0;font-size:17px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.pc ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.pc li{display:flex;justify-content:space-between;gap:10px;font-size:19px;align-items:baseline}.pc li b{font-variant-numeric:tabular-nums;font-size:22px;white-space:nowrap;flex:none}
.pc li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pc li:first-child{font-size:21px}.pc li:first-child b{color:#9DBBFF;font-size:28px}
.evo{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:auto 0}
.ev{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:8px}
.ev b{font-size:46px;color:var(--good);line-height:1}.ev .n{font-size:20px;font-weight:700}.ev .x{font-size:16px;color:var(--mut)}
.atr .br i{background:var(--bad)}.atr .nt{color:var(--bad)}
.emdia{margin-top:14px;padding:14px 18px;border-radius:14px;background:var(--good-soft);color:var(--good);font-size:18px}
@media (max-width:760px){.rr{grid-template-columns:34px minmax(0,1fr) 56px 76px;font-size:15px;gap:8px}.rr .br{display:none}.rr .nt{font-size:19px}.pod,.evo{grid-template-columns:minmax(0,1fr)}}

.fichas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:4px 0 22px}
.fc{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 18px;display:flex;flex-direction:column;gap:8px;min-width:0}
.fc-h{display:flex;align-items:center;gap:12px}.fc-h .p{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--soft);color:var(--ink2);flex:none}
.fc-h .nm{font-size:21px;font-weight:800;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fc-h .nt{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.fc-h .dv{font-size:15px;font-weight:700;margin-left:8px}
.fc-c{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.fc-c h4{margin:0 0 6px;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.fc-c .f h4{color:var(--good)}.fc-c .m h4{color:var(--warn)}
.fc-c ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}
.fc-c li{font-size:14px;line-height:1.3;color:var(--ink2)}.fc-c li b{color:var(--ink);font-weight:700}.fc-c li small{display:block;font-size:12px;color:var(--mut)}
.fc-c li .g{color:var(--warn);font-weight:700}
.fc.top .p{background:#E7B93E;color:#1A1405}
@media (max-width:760px){.fichas,.fc-c{grid-template-columns:minmax(0,1fr)}}

.mesbox{position:fixed;flex-wrap:wrap;top:calc(14px + env(safe-area-inset-top,0px));right:max(18px,env(safe-area-inset-right,0px));z-index:5;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--mut)}
.mesbox select{font:inherit;font-size:15px;font-weight:700;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:7px 12px;cursor:pointer}
.mesbox select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.slide .topo{padding-right:230px}
.capa .mesc{display:flex;align-items:center;gap:12px;margin-top:8px;font-size:18px;color:var(--ink2)}
.capa .mesc select{font:inherit;font-size:22px;font-weight:700;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:10px 16px;cursor:pointer}
.nota-hoje{font-size:14px;color:var(--mut);margin-top:10px}
@media (max-width:760px){.slide .topo{padding-right:0;margin-top:40px}}

.mesbox a,.mesbox button{font:inherit;font-size:14px;font-weight:700;color:var(--ink2);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:7px 12px;text-decoration:none;cursor:pointer}
.mesbox a:hover,.mesbox button:hover{color:var(--ink);border-color:var(--accent)}
.ap-msg{position:fixed;inset:0;display:grid;place-items:center;padding:24px;font-size:20px;color:var(--ink2);text-align:center}
.ap-msg[hidden]{display:none}
.slide .topo{padding-right:420px}
@media (max-width:760px){.mesbox{left:max(16px,env(safe-area-inset-left,0px));justify-content:flex-end}.slide .topo{padding-right:0;margin-top:56px}}
.sv-nota{fill:#DCE6FF;font-weight:700;font-size:17px}
:fullscreen .mesbox{opacity:.15;transition:opacity .2s}:fullscreen .mesbox:hover,:fullscreen .mesbox:focus-within{opacity:1}
.h2-fichas{font-size:30px;margin:10px 0}
.leg i.lg-n{background:#9DBBFF}.leg i.lg-c{background:#2A3B63}.leg i.lg-h{background:#23514A}
.mesbox[hidden]{display:none}
.mesc select{font:inherit;font-size:22px;font-weight:700;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:10px 16px;cursor:pointer}
@media (max-width:760px){
  .mesbox{top:0;left:0;right:0;padding:10px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));padding-top:max(10px,env(safe-area-inset-top,0px));background:var(--bg);border-bottom:1px solid var(--line)}
  .slide{padding-top:118px}.slide .topo{margin-top:0}
  .rod{position:static;margin-top:20px}
}
.ap-aviso{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:6;margin:0;padding:10px 18px;border-radius:999px;background:var(--good-soft);color:var(--good);border:1px solid #24553A;font-size:15px;font-weight:700}
.ap-aviso[hidden]{display:none}
/* telas de fichas e destaques ocupam a tela inteira (tamanhos acompanham a altura da tela) */
.sl-fichas{padding-bottom:64px}
.sl-fichas .fichas{flex:1;min-height:0;grid-auto-rows:1fr;gap:1.6vh 1.2vw;margin:0 0 1.5vh}
.sl-fichas .fc{padding:2.2vh 1.6vw;gap:1.4vh;justify-content:flex-start;overflow:hidden}
.sl-fichas .fc-h .p{width:clamp(36px,4.6vh,54px);height:clamp(36px,4.6vh,54px);font-size:clamp(15px,2vh,22px)}
.sl-fichas .fc-h .nm{font-size:clamp(20px,3.2vh,36px)}
.sl-fichas .fc-h .nt{font-size:clamp(26px,4.2vh,48px)}
.sl-fichas .fc-h .dv{font-size:clamp(14px,2vh,22px)}
.sl-fichas .fc-c{gap:1.4vw;flex:1}
.sl-fichas .fc-c h4{font-size:clamp(12px,1.7vh,19px);margin-bottom:1vh}
.sl-fichas .fc-c ul{gap:1.2vh}
.sl-fichas .fc-c li{font-size:clamp(14px,2.1vh,24px);line-height:1.3}
.sl-fichas .fc-c li small{font-size:clamp(12px,1.65vh,19px);margin-top:.3vh}
.sl-fichas .h2-fichas{font-size:clamp(26px,3.6vh,42px);margin:1vh 0 1.6vh}
.sl-pod .pod{flex:1;min-height:0;margin:2vh 0 3vh;align-items:stretch}
.sl-pod .pc{padding:3vh 1.6vw;gap:2.4vh;justify-content:center}
.sl-pod .pc h3{font-size:clamp(14px,2vh,22px)}
.sl-pod .pc ol{gap:3vh}
.sl-pod .pc li{flex-direction:column;align-items:flex-start;gap:.6vh;font-size:clamp(17px,2.6vh,30px)}
.sl-pod .pc li span{white-space:normal;overflow:visible}
.sl-pod .pc li b{font-size:clamp(22px,3.6vh,42px)}
.sl-pod .pc li:first-child{font-size:clamp(19px,3vh,34px)}.sl-pod .pc li:first-child b{font-size:clamp(28px,5vh,58px)}
@media (max-width:760px){.sl-fichas .fichas{grid-auto-rows:auto}.sl-pod .pod{flex:none}}
.sl-num .grid4{flex:1;min-height:0;margin:3vh 0;align-items:stretch}
.sl-num .k{justify-content:center;padding:4vh 1.8vw;gap:2vh}
.sl-num .k .r{font-size:clamp(14px,2vh,22px)}
.sl-num .k .v{font-size:clamp(56px,10vh,120px)}
.sl-num .k .d{font-size:clamp(15px,2.2vh,24px)}
.sl-pod .pc{justify-content:flex-start;padding-top:4vh}
@media (max-width:760px){.sl-num .grid4{flex:none}}
/* fichas: até 8 por tela, 4 colunas × 2 linhas; fortes em cima, a melhorar embaixo */
.sl-fichas .fichas{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:1.4vh .9vw}
.sl-fichas .fc{padding:1.6vh 1vw;gap:1vh}
.sl-fichas .fc-h{gap:.6vw}
.sl-fichas .fc-h .p{width:clamp(28px,3.4vh,40px);height:clamp(28px,3.4vh,40px);font-size:clamp(12px,1.6vh,17px)}
.sl-fichas .fc-h .nm{font-size:clamp(15px,2.2vh,24px)}
.sl-fichas .fc-h .nt{font-size:clamp(19px,2.9vh,32px)}
.sl-fichas .fc-h .dv{font-size:clamp(11px,1.5vh,16px);margin-left:4px}
.sl-fichas .fc-c{grid-template-columns:minmax(0,1fr);gap:1vh}
.sl-fichas .fc-c h4{font-size:clamp(10px,1.3vh,14px);margin-bottom:.5vh}
.sl-fichas .fc-c ul{gap:.6vh}
.sl-fichas .fc-c li{font-size:clamp(12px,1.6vh,17px);line-height:1.25}
.sl-fichas .fc-c li small{font-size:clamp(10.5px,1.35vh,14px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sl-fichas .fc-c .f li small{-webkit-line-clamp:1}
@media (max-width:1100px){.sl-fichas .fichas{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto}}
@media (max-width:760px){.sl-fichas .fichas{grid-template-columns:minmax(0,1fr)}}
.sl-fichas .fc-c{flex:none;align-content:start;gap:1.6vh}
.sl-fichas .fc-c .m li small{-webkit-line-clamp:3}
.sl-fichas .fc-h .nm{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.1}