/* glosario.css — botón «?» y su explicación desplegable (glosario.js), y la tabla de «Guía básica». Zona táctil ≥ 36 px sin agrandar la línea de texto. */
.gl-q { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; min-width: 36px; min-height: 36px; margin: -10px -9px -10px -7px; padding: 0; background: none; border: 0; cursor: pointer; color: inherit; font: inherit; -webkit-tap-highlight-color: transparent; }
.gl-q > span { display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; border-radius: 50%; border: 1px solid var(--text-muted, #888); color: var(--text-muted, #888); font-size: 12px; font-weight: 700; line-height: 1; }
.gl-q:hover > span, .gl-q:focus-visible > span, .gl-q[aria-expanded="true"] > span { background: var(--accent, #6aa7ff); border-color: var(--accent, #6aa7ff); color: #0a0a0b; }
.gl-q:focus-visible { outline: 2px solid var(--accent, #6aa7ff); outline-offset: -4px; border-radius: 8px; }
.gl-exp { display: block; margin: 6px 0 8px; padding: 8px 12px; border-left: 3px solid var(--accent, #6aa7ff); border-radius: 0 8px 8px 0; background: var(--t-panel-2, rgba(128,128,128,.1)); color: var(--text, inherit); font-size: 13px; line-height: 1.45; font-weight: 400; text-transform: none; letter-spacing: 0; white-space: normal; animation: gl-in .15s ease-out; }
.gl-exp p { margin: 0 0 3px; }
.gl-exp p:last-child { margin: 0; }
.cs-tabla > .gl-exp { margin: 4px 8px 6px; }
@keyframes gl-in { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .gl-exp { animation: none; } }

.gl-guia { width: 100%; border-collapse: collapse; font-size: 13px; line-height: 1.45; }
.gl-guia th, .gl-guia td { text-align: left; vertical-align: top; padding: 7px 8px; border-bottom: 1px solid var(--border, rgba(128,128,128,.2)); }
.gl-guia thead th { font-size: 12px; color: var(--text-muted); }
.gl-guia tbody th { white-space: nowrap; font-weight: 400; }
@media (max-width: 600px) {
  #macro-bloque .gl-guia { display: block; overflow: visible; }
  .gl-guia thead { display: none; }
  .gl-guia, .gl-guia tbody, .gl-guia tr, .gl-guia th, .gl-guia td { display: block; width: 100%; }
  .gl-guia tr { padding: 8px 2px; border-bottom: 1px solid var(--border, rgba(128,128,128,.2)); }
  .gl-guia th, .gl-guia td { border: 0; padding: 1px 0; }
  .gl-guia tbody th { white-space: normal; font-size: 14px; }
  .gl-guia td::before { content: attr(data-et) ". "; font-weight: 600; color: var(--text-muted); }
}

/* enlace a la Guía básica dentro de la explicación de un «?», y resalte de la fila */
.gl-mas { margin-top: 4px; }
.gl-mas a { font-size: 13px; font-weight: 700; display: inline-flex; align-items: center; min-height: 32px; }
.gl-guia tr.gl-flash th, .gl-guia tr.gl-flash td { background: var(--t-naranja-suave); transition: background .4s ease; }
.gl-tour-btn { background: transparent; border: 1px solid var(--t-naranja); color: var(--t-naranja-2); font-weight: 700; padding: 6px 12px; border-radius: 999px; min-height: 36px; }
.gl-tour-btn:hover:not(:disabled) { background: var(--t-naranja-suave); border-color: var(--t-naranja); }

/* tour de bienvenida: tarjeta anclada abajo, sin oscurecer la página */
#tour { position: fixed; right: 20px; bottom: 20px; z-index: var(--z-tour); width: min(380px, calc(100vw - 28px)); padding: 16px 18px; background: var(--t-panel); color: var(--t-texto);
  border: 1px solid var(--t-naranja); border-radius: 14px; box-shadow: 0 16px 40px -12px rgba(0,0,0,.9), var(--t-brillo-activo); animation: gl-in .2s ease-out; }
#tour[hidden] { display: none; }
#tour h2 { margin: 6px 0 6px; font-size: 18px; font-weight: 800; }
#tour p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--t-texto-2); }
.tour-cab, .tour-pie { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.tour-pie { margin-top: 14px; }
.tour-pie > span:last-child { display: inline-flex; gap: 8px; }
.tour-paso { font-size: var(--t-fs-min); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--t-naranja-2); }
.tour-saltar { background: transparent; border: 0; color: var(--t-texto-2); text-decoration: underline; min-height: 40px; }
.tour-puntos { display: inline-flex; gap: 5px; }
.tour-puntos i { width: 7px; height: 7px; border-radius: 50%; background: var(--t-borde); }
.tour-puntos i.on { background: var(--t-naranja); }
#tour button { min-height: 40px; }

/* ventana flotante del «?» (escritorio): ancho mínimo 240 px, siempre dentro de la pantalla; el ancho exacto lo fija glColocar() */
.gl-exp { min-width: 240px; box-sizing: border-box; overflow-wrap: normal; word-break: normal; }
.gl-exp.pop { position: absolute; z-index: var(--z-modal, 60); margin: 0; max-width: calc(100vw - 24px); background: var(--t-panel-2, #1b1b1d); border: 1px solid var(--t-borde, rgba(255,255,255,.14)); border-left: 3px solid var(--accent, #6aa7ff); border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.45); }
.gl-exp.hoja { min-width: 0; }