/* Tikitago — Centro de ayuda guiada. Una sola fuente de verdad visual para tutoriales. */
:root{--tgh-accent:var(--n-oro,#f5c842);--tgh-bg:#10101a;--tgh-panel:#171724;--tgh-border:rgba(255,255,255,.10);--tgh-text:#f6f5fb;--tgh-muted:rgba(246,245,251,.65);--tgh-float-offset:0px}
.tgh-help-button{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(max(16px,env(safe-area-inset-bottom)) + var(--tgh-float-offset,0px));z-index:2147482500;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 15px;border:1px solid rgba(245,200,66,.32);border-radius:999px;background:linear-gradient(180deg,rgba(31,29,44,.97),rgba(17,16,27,.97));color:var(--tgh-text);font:700 13px/1 var(--font-ui,system-ui,sans-serif);box-shadow:0 14px 36px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06);cursor:pointer;backdrop-filter:blur(12px);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.tgh-help-button:hover{transform:translateY(-2px);border-color:rgba(245,200,66,.62);box-shadow:0 16px 42px rgba(0,0,0,.5),0 0 0 3px rgba(245,200,66,.09)}
.tgh-help-button:focus-visible,.tgh-dialog button:focus-visible{outline:2px solid var(--tgh-accent);outline-offset:3px}
.tgh-help-button svg{width:18px;height:18px;flex:0 0 auto}.tgh-help-button[data-compact="1"] span{display:none}.tgh-help-button[data-compact="1"]{width:44px;padding:0;justify-content:center}
.tgh-backdrop{position:fixed;inset:0;z-index:2147483000;background:rgba(4,4,9,.72);backdrop-filter:blur(7px);display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
.tgh-backdrop[data-open="1"]{opacity:1;visibility:visible}
.tgh-dialog{width:min(560px,100%);max-height:min(760px,calc(100dvh - 32px));overflow:auto;overscroll-behavior:contain;border:1px solid var(--tgh-border);border-radius:24px;background:radial-gradient(circle at 90% -5%,rgba(157,107,255,.16),transparent 40%),linear-gradient(180deg,#191827,#11111b);color:var(--tgh-text);box-shadow:0 28px 90px rgba(0,0,0,.66);font-family:var(--font-ui,system-ui,sans-serif);transform:translateY(10px) scale(.985);transition:transform .18s ease}
.tgh-backdrop[data-open="1"] .tgh-dialog{transform:none}.tgh-head{display:flex;align-items:flex-start;gap:14px;padding:22px 22px 15px;border-bottom:1px solid rgba(255,255,255,.07)}
.tgh-brand{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#f7d96b,#d8a928);color:#1b1302;font-weight:950;box-shadow:0 8px 26px rgba(245,200,66,.16)}
.tgh-head-copy{min-width:0;flex:1}.tgh-kicker{display:block;margin-bottom:5px;color:var(--tgh-accent);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.tgh-head h2{margin:0;font-size:19px;line-height:1.2}.tgh-close{width:38px;height:38px;border:0;border-radius:12px;background:rgba(255,255,255,.06);color:var(--tgh-text);font-size:21px;cursor:pointer}
.tgh-progress{display:grid;grid-template-columns:repeat(var(--tgh-count,1),minmax(12px,1fr));gap:6px;padding:16px 22px 0}.tgh-progress i{height:4px;border-radius:99px;background:rgba(255,255,255,.09)}.tgh-progress i[data-done="1"]{background:linear-gradient(90deg,var(--tgh-accent),#9d6bff)}
.tgh-body{padding:20px 22px 10px}.tgh-step-label{font-size:11px;color:var(--tgh-muted);font-weight:800}.tgh-body h3{margin:6px 0 10px;font-size:22px;line-height:1.18}.tgh-body p{margin:0;color:var(--tgh-muted);font-size:14px;line-height:1.65}.tgh-tip{display:flex;gap:10px;margin-top:16px;padding:12px 13px;border:1px solid rgba(245,200,66,.16);border-radius:14px;background:rgba(245,200,66,.055);font-size:12px;line-height:1.5;color:rgba(246,245,251,.82)}
.tgh-actions{display:flex;align-items:center;gap:10px;padding:17px 22px 22px}.tgh-actions button{min-height:42px;border-radius:12px;padding:0 15px;font:800 12px/1 var(--font-ui,system-ui,sans-serif);cursor:pointer}.tgh-prev{border:1px solid var(--tgh-border);background:rgba(255,255,255,.04);color:var(--tgh-text)}.tgh-next{margin-left:auto;border:1px solid rgba(245,200,66,.35);background:linear-gradient(135deg,#f8dc72,#e4b72f);color:#1c1403}.tgh-skip{border:0;background:transparent;color:var(--tgh-muted)}.tgh-actions button:disabled{opacity:.42;cursor:not-allowed}
.tgh-highlight{position:relative!important;z-index:2147482990!important;outline:3px solid rgba(245,200,66,.88)!important;outline-offset:5px!important;border-radius:max(8px,var(--r-s,8px));box-shadow:0 0 0 9999px rgba(4,4,9,.12),0 0 0 8px rgba(245,200,66,.10)!important;transition:outline-color .16s ease}
body.tgh-lock{overflow:hidden!important}
@media(max-width:520px){.tgh-help-button{right:12px;bottom:calc(max(12px,env(safe-area-inset-bottom)) + var(--tgh-float-offset,0px))}.tgh-dialog{border-radius:20px}.tgh-head,.tgh-body{padding-left:17px;padding-right:17px}.tgh-actions{padding:15px 17px 18px;flex-wrap:wrap}.tgh-skip{order:3;width:100%;min-height:32px}.tgh-body h3{font-size:19px}}
@media(max-height:560px){.tgh-backdrop{place-items:stretch center}.tgh-dialog{max-height:calc(100dvh - 16px);border-radius:16px}.tgh-head{padding-top:14px}.tgh-body{padding-top:14px}.tgh-tip{display:none}}
@media(prefers-reduced-motion:reduce){.tgh-help-button,.tgh-backdrop,.tgh-dialog{transition:none!important}}
@media print{.tgh-help-button,.tgh-backdrop{display:none!important}}


/* F103.31.33 — Asistente LIVE profesional fuera de Inicio.
   Inicio conserva el patrón aprobado; en el resto de la app ambos controles
   comparten una sola cápsula adaptable y no compiten por coordenadas fixed. */
#cd-live-assist-dock[hidden]{display:none!important}
#cd-live-assist-dock{--cd-assist-bottom:18px;position:fixed;right:max(18px,env(safe-area-inset-right));bottom:var(--cd-assist-bottom);z-index:2147482495;width:60px;padding:18px 6px 6px;border-radius:22px;border:1px solid rgba(245,200,66,.20);background:linear-gradient(160deg,rgba(28,25,40,.94),rgba(12,11,19,.96));box-shadow:0 18px 54px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.07),0 0 0 1px rgba(157,107,255,.05);backdrop-filter:blur(18px) saturate(1.15);transition:width .22s cubic-bezier(.2,.8,.2,1),border-color .18s ease,box-shadow .18s ease;overflow:visible}
#cd-live-assist-dock::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(100px 70px at 100% 0,rgba(157,107,255,.14),transparent 70%),radial-gradient(100px 70px at 0 100%,rgba(245,200,66,.09),transparent 70%)}
#cd-live-assist-dock:hover,#cd-live-assist-dock:focus-within{width:172px;border-color:rgba(245,200,66,.34);box-shadow:0 22px 64px rgba(0,0,0,.54),inset 0 1px 0 rgba(255,255,255,.08),0 0 28px rgba(157,107,255,.08)}
#cd-live-assist-dock .cd-assist-kicker{position:absolute;top:5px;right:10px;color:rgba(245,200,66,.72);font:900 7px/1 var(--font-ui,system-ui,sans-serif);letter-spacing:.18em;pointer-events:none;transition:opacity .18s}
#cd-live-assist-dock:hover .cd-assist-kicker,#cd-live-assist-dock:focus-within .cd-assist-kicker{opacity:.9}
#cd-live-assist-dock .cd-assist-actions{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;align-items:flex-end}
body[data-cd-assist-mode="workspace"] #cd-live-assist-dock .tgh-help-button,
body[data-cd-assist-mode="workspace"] #cd-live-assist-dock #cd-droppi-fab{position:relative!important;right:auto!important;bottom:auto!important;inset:auto!important;margin:0!important;width:46px!important;height:46px!important;min-height:46px!important;flex:0 0 46px!important;border-radius:15px!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:0 13px!important;overflow:hidden!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 8px 20px rgba(0,0,0,.24)!important;transition:width .22s cubic-bezier(.2,.8,.2,1),background .18s ease,border-color .18s ease,box-shadow .18s ease!important}
body[data-cd-assist-mode="workspace"] #cd-live-assist-dock:hover .tgh-help-button,
body[data-cd-assist-mode="workspace"] #cd-live-assist-dock:focus-within .tgh-help-button,
body[data-cd-assist-mode="workspace"] #cd-live-assist-dock:hover #cd-droppi-fab,
body[data-cd-assist-mode="workspace"] #cd-live-assist-dock:focus-within #cd-droppi-fab{width:160px!important}
body[data-cd-assist-mode="workspace"] #cd-live-assist-dock .tgh-help-button{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border-color:rgba(255,255,255,.09);color:#f5f3fb}
body[data-cd-assist-mode="workspace"] #cd-live-assist-dock .tgh-help-button:hover{background:linear-gradient(145deg,rgba(245,200,66,.12),rgba(157,107,255,.055));border-color:rgba(245,200,66,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.28),0 0 18px rgba(245,200,66,.08)!important}
body[data-cd-assist-mode="workspace"] #cd-live-assist-dock .tgh-help-button svg{width:20px;height:20px;flex:0 0 20px}
body[data-cd-assist-mode="workspace"] #cd-live-assist-dock .tgh-help-button span{display:block!important;margin-left:10px;white-space:nowrap;opacity:0;transform:translateX(4px);transition:opacity .14s ease,transform .18s ease;font-size:12px;letter-spacing:.01em}
body[data-cd-assist-mode="workspace"] #cd-live-assist-dock:hover .tgh-help-button span,
body[data-cd-assist-mode="workspace"] #cd-live-assist-dock:focus-within .tgh-help-button span{opacity:1;transform:none}
body[data-cd-assist-mode="workspace"] #cd-live-assist-dock #cd-droppi-fab{background:linear-gradient(145deg,rgba(245,200,66,.075),rgba(157,107,255,.045))!important;border-color:rgba(245,200,66,.18)!important}
body[data-cd-assist-mode="workspace"] #cd-live-assist-dock #cd-droppi-fab.on{border-color:rgba(245,200,66,.38)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 8px 22px rgba(0,0,0,.28),0 0 22px rgba(245,200,66,.09)!important}
body[data-cd-assist-mode="workspace"] #cd-live-assist-dock #cd-droppi-fab .rng{inset:7px auto auto 7px!important;width:30px;height:30px;border-color:rgba(245,200,66,.28)}
body[data-cd-assist-mode="workspace"] #cd-live-assist-dock #cd-droppi-fab .dot{top:6px!important;left:35px!important;right:auto!important;width:9px!important;height:9px!important}
body[data-cd-assist-mode="workspace"] #cd-live-assist-dock #cd-droppi-fab .tip{position:static!important;display:block!important;right:auto!important;bottom:auto!important;margin:0 0 0 10px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#eeeaf8!important;opacity:0!important;transform:translateX(4px)!important;font:700 11.5px/1.2 var(--font-ui,system-ui,sans-serif)!important;transition:opacity .14s ease,transform .18s ease!important;overflow:hidden;text-overflow:ellipsis}
body[data-cd-assist-mode="workspace"] #cd-live-assist-dock:hover #cd-droppi-fab .tip,
body[data-cd-assist-mode="workspace"] #cd-live-assist-dock:focus-within #cd-droppi-fab .tip{opacity:1!important;transform:none!important}
@media(max-width:760px){#cd-live-assist-dock{right:max(12px,env(safe-area-inset-right));width:58px!important;padding-top:17px}#cd-live-assist-dock .cd-assist-kicker{right:9px}body[data-cd-assist-mode="workspace"] #cd-live-assist-dock .tgh-help-button,body[data-cd-assist-mode="workspace"] #cd-live-assist-dock #cd-droppi-fab{width:46px!important;height:46px!important;flex-basis:46px!important;padding:0 13px!important}body[data-cd-assist-mode="workspace"] #cd-live-assist-dock .tgh-help-button span,body[data-cd-assist-mode="workspace"] #cd-live-assist-dock #cd-droppi-fab .tip{display:none!important}}
@media(prefers-reduced-motion:reduce){#cd-live-assist-dock,#cd-live-assist-dock *{transition:none!important;animation:none!important}}
