/* Visualizador dos materiais Nexo: palco 1920x1080 escalado para caber na tela */
:root{--ink:#1C1917;--paper:#FAF8F5;--or:#EA580C;--muted:#A8A29E;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--ink);color:#fff;font-family:'DM Sans','Segoe UI',Helvetica,sans-serif;overflow:hidden}
#deck{position:absolute;inset:0 0 64px 0}
#deck>section{position:absolute;left:0;top:0;width:1920px;height:1080px;overflow:hidden;transform-origin:0 0}
#deck>section:not(.on){visibility:hidden;pointer-events:none}
#deck>section *{margin:0}
#deck>section aside{display:none!important}
#deck>section img{display:block}
.bar{position:fixed;left:0;right:0;bottom:0;height:64px;display:flex;align-items:center;gap:12px;padding:0 20px;background:var(--ink);border-top:1px solid var(--line)}
.bar .t{flex:1;min-width:0;font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bar .n{font-size:14px;font-variant-numeric:tabular-nums;color:#fff;min-width:64px;text-align:center}
.bar button{font:inherit;font-size:14px;color:#fff;background:transparent;border:1px solid var(--line);border-radius:999px;padding:8px 16px;cursor:pointer}
.bar button:hover{border-color:#fff}
.bar button.p{background:var(--or);border-color:var(--or)}
.bar button:disabled{opacity:.35;cursor:default}
.bar button:focus-visible{outline:2px solid var(--or);outline-offset:2px}
.prog{position:fixed;left:0;bottom:64px;height:3px;background:var(--or);transition:width .2s}
.notes{position:fixed;right:16px;bottom:80px;width:min(460px,calc(100% - 32px));max-height:50vh;overflow:auto;background:#292524;border:1px solid var(--line);border-radius:14px;padding:18px 20px;font-size:15px;line-height:1.5;color:#E7E5E4;display:none}
.notes.on{display:block}
.notes b{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
@media (max-width:640px){.bar .t{display:none}.bar button{padding:8px 12px}}
@media print{
  @page{size:1920px 1080px;margin:0}
  html,body{overflow:visible;height:auto;background:#fff}
  .bar,.prog,.notes{display:none!important}
  #deck{position:static}
  #deck>section{position:relative;visibility:visible!important;transform:none!important;page-break-after:always;break-after:page}
}
/* modo autoestudo (cápsulas do Workday): a explicação fica sempre visível ao lado do slide */
body.estudio:not(.sem-guion) #deck{right:440px}
body.estudio:not(.sem-guion) .notes{display:block;position:fixed;top:0;right:0;bottom:64px;width:440px;max-height:none;border-radius:0;border:0;border-left:1px solid var(--line);padding:28px 28px 32px;font-size:17px;line-height:1.6}
body.estudio:not(.sem-guion) .prog{right:440px}
.notes b{font-size:12px}
@media (max-width:900px){
  body.estudio:not(.sem-guion) #deck{right:0;bottom:calc(64px + 38vh)}
  body.estudio:not(.sem-guion) .notes{top:auto;left:0;width:auto;height:38vh;border-left:0;border-top:1px solid var(--line)}
  body.estudio:not(.sem-guion) .prog{right:0}
}
/* quiz interativo */
[data-o]{transition:background .15s,border-color .15s}
[data-o]:hover{border-color:rgba(255,255,255,.6)!important}
[data-o]:focus-visible{outline:4px solid var(--or);outline-offset:4px}
[data-o].ok{background:#1F7A4D;border-color:#1F7A4D!important}
[data-o].nok{background:#8B2323;border-color:#8B2323!important}
[data-o].certa{border-color:#4FBF87!important}
.bar button[aria-pressed="true"]{background:#fff;color:var(--ink);border-color:#fff}
@media (max-width:640px){.bar{gap:8px;padding:0 10px}.bar .l,.bar [data-a=full],.bar [data-a=pdf]{display:none}.bar button{padding:8px 14px}.bar .n{min-width:48px}
  body.estudio:not(.sem-guion) .notes{font-size:15px;padding:16px 18px}}
.bar button.play{border-color:var(--or);color:#fff}
.bar button.play[aria-pressed="true"]{background:var(--or);border-color:var(--or);color:#fff}
.bar .home{font-size:14px;color:#fff;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:8px 14px;white-space:nowrap}.bar .home:hover{border-color:#fff}
@media (max-width:640px){.bar .home{padding:8px 10px;font-size:0}.bar .home::before{content:'←';font-size:14px}}
.bar .pts{font-size:13px;color:var(--muted);text-decoration:none;white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:7px 12px}
.bar .pts b{color:#fff}.bar .pts:hover{border-color:#fff}
.bar .pts.pulso{animation:pulso .6s ease}
@keyframes pulso{0%{transform:scale(1)}40%{transform:scale(1.12);border-color:var(--or)}100%{transform:scale(1)}}
.ganho{position:fixed;left:50%;top:22px;transform:translateX(-50%);z-index:50;background:#292524;border:1px solid var(--or);border-radius:14px;padding:12px 18px;display:flex;flex-direction:column;gap:2px;box-shadow:0 12px 40px rgba(0,0,0,.4);animation:entra .25s ease;max-width:calc(100vw - 32px)}
.ganho b{font-size:15px;color:#fff}.ganho span{font-size:13px;color:var(--muted)}
.ganho.sai{opacity:0;transform:translate(-50%,-8px);transition:all .4s}
@keyframes entra{from{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%,0)}}
@media (max-width:640px){.bar .pts{display:none}}
@media (prefers-reduced-motion:reduce){.bar .pts.pulso,.ganho{animation:none}}