.acesso-apostila{position:fixed;inset:20px 0 auto;margin:0 auto;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #b9cfde;border-radius:18px;padding:26px;background:#fff;color:#183b50}
.acesso-apostila::backdrop{background:#082b42aa}.acesso-apostila h2{padding-right:32px}.acesso-apostila label{display:block;margin:16px 0 6px}.acesso-apostila input{box-sizing:border-box;width:100%;padding:12px;font:inherit;border:1px solid #688395;border-radius:8px}.acesso-fechar{position:absolute;right:8px;top:8px;width:44px;height:44px;background:transparent;border:0;font-size:30px;color:#07528d;cursor:pointer}
.ferramenta{border:1px solid #b9cfde;border-radius:16px;padding:24px;margin:24px 0;background:#f3f8fb;color:#183b50}.ferramenta label{display:block;margin:18px 0 6px;font-weight:600}.ferramenta select,.ferramenta input{width:100%;max-width:100%;box-sizing:border-box;font:inherit;padding:10px;min-height:44px;border:1px solid #688395;border-radius:8px;background:#fff;color:#183b50}.ferramenta input[type=range]{padding:0;accent-color:#07528d}.ferramenta .row{display:flex;flex-wrap:wrap;gap:12px}.ferramenta .row>*{flex:1 1 180px;min-width:0}.ferramenta .controls{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.ferramenta button{min-height:44px;padding:12px 22px;border:0;border-radius:24px;background:#07528d;color:white;font:inherit;cursor:pointer}.ferramenta .stop{background:#80351d}.ferramenta :focus-visible,.acesso-apostila :focus-visible{outline:3px solid #ba5600;outline-offset:3px}.ferramenta .current{padding:14px;background:white;border-radius:8px}.ferramenta .info,.ferramenta .label{margin:10px 0}.ferramenta .footer{font-size:.85rem;margin-top:24px}.tela-cor{min-height:260px;border:1px solid #698495;border-radius:12px;margin:20px 0;background:#000}.tela-cor:fullscreen{border:0;border-radius:0;width:100vw;height:100vh}.nota-ferramenta{border-left:3px solid #07528d;padding:12px 18px;background:#f3f8fb}.ferramentas-links{display:flex;flex-wrap:wrap;gap:16px}.ferramentas-links>a{flex:1 1 240px;border:1px solid #b9cfde;border-radius:12px;padding:20px}.ferramentas-links strong{display:block}
@media(max-width:520px){.ferramenta{padding:16px}.ferramenta .controls>*{flex:1}.ferramenta select{font-size:16px}}
.ferramenta[data-playing=true] .start{background:#80351d}.estado-reproducao{font-weight:600;margin:12px 0}