/* ============================================================================
   Sistema visual — Liher (liher.shop: herramientas de la vendedora) v1 · 24-oct-2026
   Requiere gt-tokens-v1.css. Solo presentación. IDENTIDAD DE LA VENDEDORA INTACTA: cuando se muestra la tienda de una vendedora con su
   color propio (la página fija --brand en <html style>), NINGUNA regla de este archivo se aplica; tampoco se tocan sus logos, nombre,
   WhatsApp, precios ni los archivos (imágenes/videos) que prepara para sus clientas.
   ========================================================================== */
html.v3:not([style*="--brand"]):root{color-scheme:light;
  --brand:var(--gt-primary);--brand2:var(--gt-primary-h);--ink:var(--gt-ink);--muted:var(--gt-muted);--line:var(--gt-line);--bg:var(--gt-bg);--surface:var(--gt-surface);--wa:var(--gt-wa);--amber:var(--gt-warn)}
@media(prefers-color-scheme:dark){html.v3:not([style*="--brand"]):root{--ink:var(--gt-ink);--muted:var(--gt-muted);--line:var(--gt-line);--bg:var(--gt-bg);--surface:var(--gt-surface);--brand:var(--gt-primary);--brand2:var(--gt-primary-h);--wa:var(--gt-wa);--amber:var(--gt-warn)}}
html.v3:not([style*="--brand"]) .pubPasos div.on{border-top-color:var(--gt-primary)}
/* puerta de entrada de las herramientas (visitante sin sesión) */
html body #lhGate{background:var(--gt-bg)!important}
html body #lhGate .lhG{background:var(--gt-surface);color:var(--gt-ink);border:1px solid var(--gt-line);border-radius:var(--gt-r-card)}
html body #lhGate .lhGLista b{background:var(--gt-primary)}
html body #lhGate .lhG p{color:var(--gt-muted)}
html body #lhGate .lhG a.lhB1{background:var(--gt-primary);color:#fff;border:1px solid var(--gt-primary)}
html body #lhGate .lhG a.lhB1:hover{background:var(--gt-primary-h)}
html body #lhGate .lhG a.lhB2{background:var(--gt-surface);color:var(--gt-ink);border:1px solid var(--gt-line-ctl)}
html body #lhGate #lhGateCerrar{color:var(--gt-muted)}
/* página de ayuda (ayuda.html): sus variables propias → tokens compartidos */
:root:root:root{--papel:var(--gt-bg);--tarjeta:var(--gt-surface);--tinta:var(--gt-ink);--suave:var(--gt-muted);--linea:var(--gt-line);--azul:var(--gt-primary-h);--verde:var(--gt-ok);--ambar:var(--gt-warn);--ambar-fondo:var(--gt-warn-bg);--verde-fondo:var(--gt-ok-bg);--azul-fondo:#fff3f4;color-scheme:light}
/* ayuda.html: la tabla de 483 px y el botón largo ya no ensanchan la página en celular (la tabla se desliza dentro de su caja) */
html body .hoja table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
html body .hoja .btn{max-width:100%;white-space:normal;box-sizing:border-box}