/* Portal EBD · seção "No computador": o monitor fica parado e a tela rola por dentro (js/computador.js). */
.pc-sec{background:#fff;overflow-anchor:none}
.pc-trilho{position:relative;height:260vh}
.pc-fixo{position:sticky;top:0;height:100vh;min-height:560px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,2.6vh,28px);padding:96px clamp(16px,4vw,48px) 24px;overflow:hidden}
.pc-cab{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;max-width:720px}
.pc-palco{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,24px);width:100%}
.pc-monitor{flex:0 1 auto;width:min(980px,calc((100vh - 420px) * 1.6 + 28px),100%);display:flex;flex-direction:column;align-items:center}
.pc-tela{position:relative;width:100%;aspect-ratio:16/10;background:#F8F6F5;border-radius:18px;overflow:hidden;box-shadow:0 0 0 12px #17131A,0 40px 80px rgba(35,22,33,.22)}
.pc-tela img{position:absolute;left:0;top:0;width:100%;height:auto;display:block;opacity:0;transition:opacity .45s ease;will-change:transform;backface-visibility:hidden}
.pc-tela img.on{opacity:1}
.pc-pe{display:flex;flex-direction:column;align-items:center;margin-top:12px}
.pc-pe span{display:block;width:18%;min-width:70px;height:clamp(18px,4vh,40px);background:linear-gradient(#2B252D,#17131A);clip-path:polygon(14% 0,86% 0,100% 100%,0 100%)}
.pc-pe i{display:block;width:32%;min-width:120px;height:8px;border-radius:6px 6px 3px 3px;background:#17131A}
.pc-seta{flex-shrink:0;width:48px;height:48px;border-radius:16px;border:0;background:#F3EEF1;color:#5A1D4C;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}
.pc-seta:hover{background:#F3E7EF}
.pc-seta:focus-visible,.pc-abas button:focus-visible{outline:2px solid #6F275F;outline-offset:2px}
.pc-abas{display:flex;gap:4px;padding:4px;border-radius:15px;background:#F3EEF1}
.pc-abas button{height:40px;border:0;border-radius:11px;padding:0 14px;background:transparent;font-family:inherit;font-size:13.5px;font-weight:700;color:#6E6470;cursor:pointer}
.pc-abas button[aria-selected="true"]{background:#fff;color:#17131A;box-shadow:0 4px 14px rgba(35,22,33,.08)}
@media (max-width:699.98px){
  .pc-trilho{height:200vh}
  .pc-fixo{padding-top:64px}
  .pc-palco{flex-wrap:wrap}
  .pc-monitor{order:-1;width:100%}
  .pc-tela{border-radius:12px;box-shadow:0 0 0 7px #17131A,0 24px 48px rgba(35,22,33,.2)}
  .pc-seta{display:none}
}
@media (prefers-reduced-motion:reduce){.pc-tela img{transition:none}}