/* Guía «Activar la licencia de un cliente» de la consola.
   Va en su propio archivo porque la consola no permite estilos
   incrustados (CSP: default-src 'self'). El contenido lo escribió la
   otra sesión en docs/guia-activar-licencia.html. */
  .gal { max-width: 900px; margin: 0 auto; padding: 8px 16px 40px; color: var(--texto, #16202f);
         font-size: 15px; line-height: 1.55; }
  .gal-cab h1 { font-size: clamp(22px, 3vw, 30px); margin: 0 0 8px; text-wrap: balance; }
  .gal-cab p { margin: 0 0 22px; color: var(--tenue, #566175); max-width: 70ch; }
  .gal-pasos { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
  .gal-paso { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px;
              padding: 16px; border-radius: 12px;
              border: 1px solid var(--linea, #dce2ec); background: var(--papel, #fff); }
  .gal-num { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px;
             font-weight: 800; color: var(--sobre-acento, #fff); background: var(--acento, #0047ab); }
  .gal-cuerpo h2 { font-size: 17px; margin: 4px 0 6px; }
  .gal-cuerpo p { margin: 0 0 10px; max-width: 70ch; }
  .gal-nota { font-size: 14px; color: var(--tenue, #566175); }
  .gal-img { display: block; width: 100%; max-width: 420px; height: auto; margin: 10px 0 4px; }
  .gal-marco { fill: var(--papel, #fff); stroke: var(--linea, #dce2ec); }
  .gal-consola { fill: var(--consola, #0b1628); }
  .gal-barra { fill: var(--acento, #0047ab); }
  .gal-campo { fill: var(--campo, #f2f5fa); stroke: var(--linea, #dce2ec); }
  .gal-boton { fill: var(--acento, #0047ab); }
  .gal-ok-caja { fill: color-mix(in srgb, var(--ok, #12704a) 10%, transparent);
                 stroke: color-mix(in srgb, var(--ok, #12704a) 35%, transparent); }
  .gal-ok-punto { fill: var(--ok, #12704a); }
  .gal-t { font: 12px/1 system-ui, "Segoe UI", sans-serif; fill: var(--texto, #16202f); }
  .gal-t-inv { fill: var(--sobre-acento, #fff); font-weight: 700; }
  .gal-t-tenue { fill: var(--tenue, #566175); }
  .gal-t-mono { font-family: ui-monospace, Consolas, monospace; }
  /* Texto dentro de la ventana oscura del emisor. */
  .gal-t-consola { fill: #e6ecf5; }
  .gal-t-ok { fill: var(--ok, #12704a); font-weight: 700; }
  .gal-caja { margin-top: 18px; padding: 16px; border-radius: 12px;
              border: 1px solid var(--linea, #dce2ec); background: var(--papel, #fff); }
  .gal-caja h2 { font-size: 16px; margin: 0 0 6px; }
  .gal-caja p { margin: 0; max-width: 70ch; }
  .gal-alerta { border-color: color-mix(in srgb, var(--alerta, #a3261b) 40%, transparent);
                background: color-mix(in srgb, var(--alerta, #a3261b) 7%, transparent); }
  .gal code { font-family: ui-monospace, Consolas, monospace; font-size: .92em;
              padding: 1px 5px; border-radius: 5px;
              background: var(--campo, #f2f5fa); border: 1px solid var(--linea, #dce2ec); }
  @media (max-width: 560px) { .gal-paso { grid-template-columns: 1fr; } }