/* Klugwerk · passo a passo (kw-tutorial.js). O motor põe estas regras num <style>, mas no portal a CSP (style-src 'self')
   bloqueia estilo embutido: as páginas dos produtos no portal carregam esta cópia. Manter igual à do kw-tutorial.js. */
.kwt-camada{position:fixed;inset:0;z-index:9000}.kwt-camada[hidden]{display:none}
.kwt-buraco{position:fixed;border-radius:10px;box-shadow:0 0 0 4px #f2b705,0 0 0 200vmax rgba(10,18,30,.62);pointer-events:none;transition:top .25s,left .25s,width .25s,height .25s}
.kwt-cartao{position:fixed;background:#fff;color:#13233a;border:2px solid #13233a;border-radius:12px;padding:14px 16px;display:grid;gap:8px;box-shadow:0 14px 40px rgba(10,18,30,.35);font:15px/1.45 'IBM Plex Sans',system-ui,sans-serif;max-width:calc(100vw - 32px)}
.kwt-cartao:focus{outline:none}.kwt-cont{font-size:.8rem;color:#5b6879;margin:0}.kwt-cartao h2{font:700 1.08rem/1.25 Archivo,system-ui,sans-serif;margin:0;color:#13233a}.kwt-txt{margin:0}
.kwt-acoes{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:4px}.kwt-acoes button{font:600 .9rem/1 'IBM Plex Sans',system-ui,sans-serif;border-radius:8px;padding:9px 14px;cursor:pointer;border:1.5px solid #13233a;background:#fff;color:#13233a}
.kwt-acoes .kwt-prox{background:#0f7a72;border-color:#0f7a72;color:#fff}.kwt-acoes .kwt-pular{margin-right:auto;border-color:transparent;text-decoration:underline;padding-left:0}
.kwt-centro .kwt-buraco{box-shadow:0 0 0 200vmax rgba(10,18,30,.62);width:0!important;height:0!important;top:50%!important;left:50%!important}
@media (prefers-reduced-motion:reduce){.kwt-buraco{transition:none}}

/* Botão "Passo a passo" no topo de cada produto: rever a qualquer hora. */
.kwt-rever{display:inline-flex;align-items:center;gap:.35rem;min-height:36px;padding:0 .75rem;border-radius:999px;border:1px solid currentColor;background:transparent;color:inherit;font:600 .85rem/1 'IBM Plex Sans',system-ui,sans-serif;cursor:pointer;white-space:nowrap;opacity:.92}
.kwt-rever:hover,.kwt-rever:focus-visible{opacity:1}
.kwt-rever .kwt-q{display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:50%;border:1.5px solid currentColor;font-weight:800;font-size:.75rem;line-height:1}
@media (max-width:480px){.kwt-rever .kwt-rotulo{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.kwt-rever{padding:0;width:40px;min-height:40px;justify-content:center}}