#tutorialCapa{position:fixed;inset:0;margin:0;padding:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;background:transparent;color:var(--ink);overflow:hidden;pointer-events:none;font-family:var(--sans)}
.tutorial-sombra{position:absolute;background:var(--scrim);pointer-events:auto}
#tutorialFoco{position:absolute;border:3px solid var(--manto);border-radius:var(--r);pointer-events:auto}
#tutorialGuia{position:absolute;width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:20px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);color:var(--ink);pointer-events:auto}
.tutorial-cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tutorial-progreso{margin:0;color:var(--muted);font-size:.8rem}
#tutorialGuia h2{font-family:var(--serif);font-size:1.4rem;line-height:1.2;margin:12px 0}
#tutorialTexto{font-size:1rem;line-height:1.5;margin:0}
.tutorial-controles{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin-top:16px}
#tutorialGuia button{min-height:var(--tap);padding:8px 12px;background:var(--card);color:var(--manto);border:1px solid var(--line);border-radius:var(--r-s);font-size:.92rem;font-weight:700;cursor:pointer}
#tutorialGuia button:disabled{color:var(--muted);cursor:default}
#tutorialGuia [data-tour="siguiente"]{background:var(--manto);color:var(--manto-ink);border-color:var(--manto)}
#tutorialGuia [data-tour="salir"]{border:0;text-decoration:underline;text-underline-offset:3px}
.tutorial-activo #side{transition:none}