/* Tutoriales guiados */
.tg-seccion{margin-bottom:22px}
.tg-titulo{font-weight:700;font-size:16px;margin-bottom:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tg-titulo i{color:var(--acento)}
.tg-titulo span{font-weight:500;font-size:13px;color:var(--gris-text)}
.tg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.tg-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;padding:14px;border:1px solid var(--gris-border);border-radius:12px;background:var(--blanco);color:var(--texto);font:inherit;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}
.tg-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.1);border-color:var(--acento)}
.tg-card>i{font-size:20px;color:var(--acento)}
.tg-card span{font-weight:600;font-size:14px;line-height:1.3}
.tg-card em{font-style:normal;font-size:12.5px;color:var(--gris-text);display:flex;align-items:center;gap:5px;margin-top:auto}

#tg-raiz{display:none}
#tg-raiz.activo{display:block}
.tg-bloqueo{position:fixed;inset:0;z-index:9000;background:transparent;cursor:progress}
.tg-aro{position:fixed;z-index:9001;border:3px solid var(--acento);border-radius:10px;box-shadow:0 0 0 4px var(--acento-foco);pointer-events:none;opacity:0;transition:all .3s ease}
.tg-aro.on{opacity:1}
.tg-cursor{position:fixed;left:0;top:0;z-index:9003;pointer-events:none;transition:transform .5s cubic-bezier(.45,.05,.2,1);filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}
.tg-cursor svg{display:block;transition:transform .12s}
.tg-cursor.toca svg{transform:scale(.8)}
.tg-barra{position:fixed;z-index:9004;left:50%;bottom:18px;transform:translateX(-50%);width:min(620px,calc(100vw - 24px));background:#111827;color:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.35);overflow:hidden}
.tg-prog{height:4px;background:rgba(255,255,255,.15)}
.tg-prog i{display:block;height:100%;width:0;background:var(--acento);transition:width .5s ease}
.tg-fila{display:flex;align-items:center;gap:12px;padding:12px 14px}
.tg-paso{font-size:12px;font-weight:700;background:rgba(255,255,255,.14);border-radius:999px;padding:3px 9px;min-width:38px;text-align:center}
.tg-paso:empty{display:none}
.tg-texto{flex:1;font-size:15px;font-weight:600;line-height:1.3}
.tg-btn{border:0;border-radius:9px;padding:8px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;color:#fff;background:rgba(255,255,255,.16);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.tg-btn:hover{background:rgba(255,255,255,.26)}
.tg-btn[hidden]{display:none}
.tg-repetir{background:var(--acento)}
@media (max-width:640px){.tg-fila{flex-wrap:wrap}.tg-texto{flex-basis:100%;order:3}}
@media (prefers-reduced-motion:reduce){.tg-cursor,.tg-aro{transition-duration:.01s}}
.tg-subtitulo{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--gris-text);margin:14px 0 8px}