/* ============================================================
   592.ª · Libro de 3 capturas vectorizadas en la cabecera de rubro
   Lo emite l592_html() (includes/libro592.php). Sobrio: radios ≤ 8,
   sombras cortas, sin glow ni degradados. Prefijo l592.
   ============================================================ */
/* la ilustración de siempre (588) o la tarjeta de país quedan en la página, pero no se ven */
.l592-art + .ph-art{display:none!important}
.ph-art.l592-art{display:block;min-width:0;max-width:none;margin:0;order:0}
/* landings por país: la columna de la tarjeta era estrecha (.78fr); con el libro se reparte casi a la mitad */
@media (min-width:901px){.country-hero .ph-grid:has(> .l592-art){grid-template-columns:1.08fr .92fr;gap:40px}}

.l592{
  /* paleta de las «capturas» · claro */
  --l-bg:#f3f6fa;--l-tp:#ffffff;--l-c:#ffffff;--l-cb:#dce4ee;--l-sd:#0b2a4a;--l-sdi:rgba(255,255,255,.22);--l-sda:#2fb3bd;
  --l-tt:#14233b;--l-tt2:#3b4b63;--l-tm:#6b7c95;--l-tv:#0b2a4a;--l-gl:#e6ecf3;
  --l-a:#0f8f9b;--l-b:#2f6fd6;--l-n:#0b2a4a;--l-w:#e07a2e;--l-g:#b8c4d3;--l-a0:rgba(15,143,155,.13);
  --l-ok:#e2f4ec;--l-okt:#13734f;--l-av:#fdf0dc;--l-avt:#94560a;--l-mal:#fbe4e2;--l-malt:#a8322b;--l-in:#e3edfb;--l-int:#1f5fae;--l-nu:#edf1f5;--l-nut:#4a5b73;
  --l-sl:#ffffff;--l-slb:#c5d1de;--l-kb:#f1f4f8;--l-sel:#e9f6f7;
  --l-pie:rgba(225,236,248,.78);--l-tab:rgba(255,255,255,.06);--l-tabb:rgba(255,255,255,.14);--l-tabt:rgba(232,241,250,.86);
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:6px 14px;align-items:center;
  width:100%;max-width:600px;margin:0 auto;-webkit-tap-highlight-color:transparent}
[data-theme="dark"] .l592{
  --l-bg:#0e1828;--l-tp:#132238;--l-c:#15253c;--l-cb:#26384f;--l-sd:#08111e;--l-sdi:rgba(255,255,255,.14);--l-sda:#2fb3bd;
  --l-tt:#e5edf7;--l-tt2:#b7c5d8;--l-tm:#8fa2bc;--l-tv:#ffffff;--l-gl:#22344b;
  --l-a:#2fb3bd;--l-b:#6d9ff0;--l-n:#9db8e6;--l-w:#f09a55;--l-g:#4a5d77;--l-a0:rgba(47,179,189,.16);
  --l-ok:#123a2e;--l-okt:#7fdcb0;--l-av:#3d2c12;--l-avt:#f3c27a;--l-mal:#42201f;--l-malt:#f4a39c;--l-in:#16304f;--l-int:#9cc3f5;--l-nu:#1d2b3e;--l-nut:#aab8ca;
  --l-sl:#1b2d46;--l-slb:#3a5070;--l-kb:#111f33;--l-sel:#123344}

/* ---------- pila ---------- */
.l592-pila{position:relative;padding:9% 9% 3% 1%;touch-action:pan-y;min-width:0}
.l592-caja{position:relative;aspect-ratio:320/220;width:100%}
.l592-h{position:absolute;inset:0;margin:0;border-radius:7px;transform-origin:8% 100%;cursor:pointer;
  box-shadow:0 1px 2px rgba(0,12,30,.22),0 8px 22px rgba(0,12,30,.26);
  transition:transform .55s cubic-bezier(.2,.75,.25,1),filter .4s,opacity .4s}
.l592-h[data-pos="0"]{z-index:3;transform:none;cursor:default}
.l592-h[data-pos="1"]{z-index:2;transform:translate(4.5%,-6.5%) rotate(2.2deg) scale(.965)}
.l592-h[data-pos="2"]{z-index:1;transform:translate(9%,-13%) rotate(4.4deg) scale(.93)}
.l592-h[data-pos="1"] .l592-svg{filter:brightness(.93) saturate(.9)}
.l592-h[data-pos="2"] .l592-svg{filter:brightness(.86) saturate(.85)}
[data-theme="dark"] .l592-h[data-pos="1"] .l592-svg{filter:brightness(.82)}
[data-theme="dark"] .l592-h[data-pos="2"] .l592-svg{filter:brightness(.7)}
/* al pasar el ratón: las hojas se abren como un libro */
.l592.abierta .l592-h[data-pos="0"]{transform:translate(-2%,1.5%) rotate(-1.6deg)}
.l592.abierta .l592-h[data-pos="1"]{transform:translate(6.5%,-7.5%) rotate(3.4deg) scale(.96)}
.l592.abierta .l592-h[data-pos="2"]{transform:translate(12.5%,-14%) rotate(7deg) scale(.92)}
.l592-svg{display:block;width:100%;height:auto;border-radius:7px;overflow:hidden}

/* entrada escalonada (la hoja queda visible aunque no haya JS) */
@media (prefers-reduced-motion:no-preference){
  .l592-h{animation:l592Entra .6s calc(.15s + var(--n,0) * .14s) cubic-bezier(.2,.75,.25,1) both}
  .l592-tr{stroke-dasharray:1;stroke-dashoffset:1;animation:l592Traza 1.3s .55s cubic-bezier(.3,.6,.3,1) forwards}
  .l592-br{transform-box:fill-box;transform-origin:50% 100%;animation:l592Sube .7s calc(.5s + var(--k,0) * .05s) cubic-bezier(.2,.75,.25,1) both}
  .l592-as,.l592-kc{animation:l592Aparece .4s calc(.55s + var(--k,0) * .04s) both}
  .l592-gp{transform-box:fill-box;transform-origin:0 50%;animation:l592Ancho .9s .6s cubic-bezier(.2,.75,.25,1) both}
}
@keyframes l592Entra{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
@keyframes l592Traza{to{stroke-dashoffset:0}}
@keyframes l592Sube{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes l592Ancho{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes l592Aparece{from{opacity:0}to{opacity:1}}

/* ---------- SVG: piezas ---------- */
.l592-svg text{font-family:var(--body,'Manrope',system-ui,sans-serif);font-weight:500}
.l592-svg .bg{fill:var(--l-bg)}.l592-svg .bg0{fill:var(--l-bg)}.l592-svg .tp{fill:var(--l-tp)}
.l592-svg .sd{fill:var(--l-sd)}.l592-svg .sdi{fill:var(--l-sdi)}.l592-svg .sda,.l592-svg .lg{fill:var(--l-sda)}
.l592-svg .c{fill:var(--l-c);stroke:var(--l-cb);stroke-width:.6}
.l592-svg .in{fill:var(--l-bg);stroke:var(--l-cb);stroke-width:.5}
.l592-svg .av,.l592-svg .bt{fill:#0b2a4a}
[data-theme="dark"] .l592-svg .av,[data-theme="dark"] .l592-svg .bt{fill:#1f7f8a}
.l592-svg .gl{stroke:var(--l-gl);stroke-width:.6;fill:none}
.l592-svg text.tt{fill:var(--l-tt)}.l592-svg text.tt2{fill:var(--l-tt2)}.l592-svg text.tm{fill:var(--l-tm);letter-spacing:.03em}
.l592-svg text.th{fill:var(--l-tt);font-weight:700}.l592-svg text.tv{fill:var(--l-tv);font-weight:800;letter-spacing:-.01em}
.l592-svg text.tw{fill:#fff;font-weight:700}.l592-svg text.tw2{fill:rgba(255,255,255,.85)}
.l592-svg text.ok{fill:var(--l-okt);font-weight:700}.l592-svg text.mal{fill:var(--l-malt);font-weight:700}
.l592-svg .fa{fill:var(--l-a)}.l592-svg .fb{fill:var(--l-b)}.l592-svg .fn{fill:var(--l-n)}.l592-svg .fw{fill:var(--l-w)}.l592-svg .fg{fill:var(--l-g)}
.l592-svg .fok{fill:var(--l-okt)}.l592-svg .fav{fill:var(--l-w)}.l592-svg .fmal{fill:var(--l-malt)}.l592-svg .fin{fill:var(--l-b)}.l592-svg .fnu{fill:var(--l-g)}
.l592-svg .fs{fill:var(--l-sel)}.l592-svg .fm{fill:var(--l-malt)}
.l592-svg .sp{fill:none;stroke:var(--l-a);stroke-width:.9;stroke-linejoin:round}
.l592-svg .a0{fill:var(--l-a0)}
.l592-svg .s0{fill:none;stroke:var(--l-a);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.l592-svg .s1{fill:none;stroke:var(--l-w);stroke-width:1.1;stroke-dasharray:3 2;stroke-linejoin:round}
.l592-svg .s2{fill:none;stroke:var(--l-n);stroke-width:1.1}
.l592-svg .d0{fill:var(--l-a)}.l592-svg .d1{fill:var(--l-w)}.l592-svg .d2{fill:var(--l-n)}
.l592-svg .qz{stroke:var(--l-gl)}.l592-svg .qa{stroke:var(--l-a)}.l592-svg .qb{stroke:var(--l-b)}.l592-svg .qn{stroke:var(--l-n)}.l592-svg .qw{stroke:var(--l-w)}.l592-svg .qg{stroke:var(--l-g)}
.l592-svg .fq{fill:var(--l-a)}
.l592-svg .k-ok{fill:var(--l-ok)}.l592-svg .k-av{fill:var(--l-av)}.l592-svg .k-mal{fill:var(--l-mal)}.l592-svg .k-in{fill:var(--l-in)}.l592-svg .k-nu{fill:var(--l-nu)}
.l592-svg text.kt-ok{fill:var(--l-okt);font-weight:700}.l592-svg text.kt-av{fill:var(--l-avt);font-weight:700}.l592-svg text.kt-mal{fill:var(--l-malt);font-weight:700}
.l592-svg text.kt-in{fill:var(--l-int);font-weight:700}.l592-svg text.kt-nu{fill:var(--l-nut);font-weight:700}
.l592-svg .bus{fill:var(--l-kb);stroke:var(--l-cb);stroke-width:.7}.l592-svg .vid{fill:var(--l-in)}.l592-svg .vol{fill:none;stroke:var(--l-tm);stroke-width:.9}
.l592-svg .so{fill:var(--l-n)}.l592-svg .sl{fill:var(--l-sl);stroke:var(--l-slb);stroke-width:.6}.l592-svg .sr{fill:var(--l-av);stroke:var(--l-w);stroke-width:.6}
.l592-svg .ss{fill:var(--l-a)}.l592-svg .sx{fill:var(--l-nu);stroke:var(--l-slb);stroke-width:.5;stroke-dasharray:1.5 1}
[data-theme="dark"] .l592-svg .so{fill:#3d5f94}
.l592-svg .kb{fill:var(--l-kb)}
.l592-svg .gb{fill:var(--l-gl)}
.l592-svg .hoy{stroke:var(--l-w);stroke-width:.9;stroke-dasharray:2 1.5}
.l592-svg .rt0{stroke:var(--l-gl);stroke-width:2.4;stroke-linecap:round}.l592-svg .rt1{stroke:var(--l-a);stroke-width:2.4;stroke-linecap:round;fill:none}
.l592-svg .anillo{fill:none;stroke:var(--l-a);stroke-width:1;opacity:.55}
.l592-svg .mz{stroke:var(--l-gl);stroke-linecap:round}.l592-svg .ma{stroke:var(--l-a);stroke-linecap:round}
.l592-svg .xx{stroke:var(--l-malt);stroke-width:.9;fill:none}
@media (prefers-reduced-motion:no-preference){
  .l592-svg .anillo{transform-box:fill-box;transform-origin:50% 50%;animation:l592Anillo 2.6s 1.2s ease-out infinite}
  .l592-tr2{stroke-dashoffset:100;animation:l592Medidor 1.2s .6s cubic-bezier(.3,.6,.3,1) forwards}
}
@keyframes l592Anillo{0%{transform:scale(.7);opacity:.6}70%,100%{transform:scale(1.5);opacity:0}}
@keyframes l592Medidor{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}

/* ---------- indicadores numerados que rebotan ---------- */
.l592-i{position:absolute;z-index:4;width:22px;height:22px;margin:0;padding:0;border:0;background:none;transform:translate(-50%,-50%);cursor:help;font:inherit}
.l592-num{display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin:2px;border-radius:50%;
  background:#0b2a4a;color:#fff;font:800 10.5px/1 var(--body,'Manrope',system-ui,sans-serif);border:1.5px solid #fff;box-shadow:0 2px 6px rgba(0,12,30,.35)}
[data-theme="dark"] .l592-num{background:#0f8f9b}
.l592-i:focus-visible{outline:none}.l592-i:focus-visible .l592-num{outline:2px solid #2fb3bd;outline-offset:2px}
.l592-h:not([data-pos="0"]) .l592-i{visibility:hidden}
@media (prefers-reduced-motion:no-preference){
  .l592-h[data-pos="0"] .l592-num{animation:l592Bote 3.4s calc(1.2s + var(--b,0) * .5s) ease-in-out infinite}
}
@keyframes l592Bote{0%,16%,100%{translate:0 0}5%{translate:0 -5px}9%{translate:0 0}12%{translate:0 -2px}}
.l592-tip{position:absolute;left:-6px;bottom:calc(100% + 6px);z-index:5;width:max-content;max-width:210px;padding:7px 10px;border-radius:6px;
  background:#0b1f36;color:#eef5fc;font:500 12px/1.4 var(--body,'Manrope',system-ui,sans-serif);text-align:left;letter-spacing:0;text-transform:none;
  border:1px solid rgba(255,255,255,.14);box-shadow:0 6px 18px rgba(0,10,25,.35);opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s;pointer-events:none}
.l592-der .l592-tip{left:auto;right:-6px}
.l592-baj .l592-tip{bottom:auto;top:calc(100% + 6px)}
.l592-i:hover .l592-tip,.l592-i:focus .l592-tip{opacity:1;visibility:visible}
.l592-i:hover .l592-num,.l592-i:focus .l592-num{animation:none}

/* ---------- pestañas al costado ---------- */
.l592-tabs{display:flex;flex-direction:column;gap:6px;align-self:center}
.l592-p{display:flex;align-items:center;gap:8px;min-width:0;padding:6px 10px 6px 6px;border-radius:6px;border:1px solid var(--l-tabb);background:var(--l-tab);
  color:var(--l-tabt);font:600 12.5px/1.2 var(--body,'Manrope',system-ui,sans-serif);text-align:left;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.l592-p b{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:20px;height:20px;border-radius:5px;background:rgba(255,255,255,.1);font-size:11px}
.l592-p:hover{border-color:rgba(255,255,255,.3)}
.l592-p.on{background:#fff;border-color:#fff;color:#0b2a4a}.l592-p.on b{background:#0b2a4a;color:#fff}
[data-theme="dark"] .l592-p.on{background:#16314f;border-color:#2fb3bd;color:#fff}[data-theme="dark"] .l592-p.on b{background:#2fb3bd;color:#062028}
.l592-p:focus-visible{outline:2px solid #2fb3bd;outline-offset:2px}
.l592-cap{grid-column:1 / -1;margin:2px 0 0;min-height:2.8em;color:var(--l-pie);font-size:13px;line-height:1.45;max-width:56ch}
.l592-capn{color:#fff;font-weight:700}.l592-capn::after{content:" · ";font-weight:400;color:var(--l-pie)}

/* sin JS: solo las pestañas no hacen nada; se ocultan para no confundir */
.l592:not(.l592-js) .l592-tabs{display:none}

/* ---------- anchos ---------- */
/* en PC las pestañas son solo el número (el nombre va en el pie); en celular, número + nombre */
.l592-p span{display:none}.l592-p{padding:6px}
@media (max-width:900px){
  /* celular/tableta: la pila va debajo del título (el bloque de texto se reparte en la rejilla) */
  .ph-grid:has(> .l592-art){gap:0}
  .ph-text:has(~ .l592-art){display:contents}
  .ph-text:has(~ .l592-art) > *{order:3}
  .ph-text:has(~ .l592-art) > .crumb,.ph-text:has(~ .l592-art) > nav,.ph-text:has(~ .l592-art) > h1{order:1}
  .ph-text:has(~ .l592-art) > h1{margin-bottom:6px}
  .ph-art.l592-art{order:2;margin:6px 0 14px}
  .l592{grid-template-columns:minmax(0,1fr);max-width:440px;gap:8px}
  .l592-pila{padding:8% 7% 2% 1%;overflow:hidden;border-radius:8px}
  .l592.abierta .l592-h[data-pos="0"]{transform:none}
  .l592.abierta .l592-h[data-pos="1"]{transform:translate(4.5%,-6.5%) rotate(2.2deg) scale(.965)}
  .l592.abierta .l592-h[data-pos="2"]{transform:translate(9%,-13%) rotate(4.4deg) scale(.93)}
  .l592-tabs{flex-direction:row;justify-content:center;flex-wrap:wrap}
  .l592-p span{display:inline}.l592-p{padding:5px 9px 5px 5px;font-size:12px}
  .l592-cap{text-align:center;margin:0 auto;font-size:12.5px}
  .l592-tip{max-width:180px}
}
@media (max-width:360px){.l592-p span{display:none}.l592-p{padding:5px}.l592-num{width:16px;height:16px;font-size:9.5px}}

@media (prefers-reduced-motion:reduce){.l592-h,.l592-p,.l592-tip{transition:none}}

/* ============================================================
   597B (05/10/2026) · piezas que copian las pantallas reales del ERP
   (cabecera azul de tablas, botones, formulario, croquis del bus con los
   colores de Vender boletos, documento impreso tipo PDF)
   ============================================================ */
.l592-svg text.te{fill:#0f8f9b;font-weight:800;letter-spacing:.09em}
[data-theme="dark"] .l592-svg text.te{fill:#5fd0d8}
.l592-svg text.tl{fill:var(--l-tt);font-weight:700}
.l592-svg text.ta{fill:#0f8f9b;font-weight:700}
[data-theme="dark"] .l592-svg text.ta{fill:#5fd0d8}
.l592-svg .thn{fill:#0b2a4a}
[data-theme="dark"] .l592-svg .thn{fill:#1d3656}
.l592-svg .zb{fill:var(--l-kb)}
.l592-svg .bto{fill:var(--l-c);stroke:#0b2a4a;stroke-width:.7}
[data-theme="dark"] .l592-svg .bto{stroke:#6d9ff0}
.l592-svg .k-bt{fill:#0b2a4a}.l592-svg text.kt-bt{fill:#fff;font-weight:700}
.l592-svg .k-bo{fill:var(--l-c);stroke:var(--l-slb);stroke-width:.6}.l592-svg text.kt-bo{fill:var(--l-tt);font-weight:700}
[data-theme="dark"] .l592-svg .k-bt{fill:#1f7f8a}
.l592-svg .in.inf{stroke:#2fb3bd;stroke-width:.9}
.l592-svg .flc{fill:none;stroke:var(--l-tm);stroke-width:.8;stroke-linecap:round;stroke-linejoin:round}
.l592-svg .chk{fill:none;stroke:#fff;stroke-width:.9;stroke-linecap:round;stroke-linejoin:round}
/* croquis: los mismos colores que Vender boletos / Plano del bus (bus_croquis.php) */
.l592-svg .bco{fill:#fff;stroke:#2e8b3d;stroke-width:1.1}
[data-theme="dark"] .l592-svg .bco{fill:#0f1a2b;stroke:#3fb457}
.l592-svg .rue{fill:#161616}
.l592-svg .vol2{fill:none;stroke:#8b98a8;stroke-width:1.1}
.l592-svg .bfj{fill:#eef2f6;stroke:#8b98a8;stroke-width:.6;stroke-dasharray:1.6 1.2}
[data-theme="dark"] .l592-svg .bfj{fill:#16243a;stroke:#5d6b7d}
.l592-svg .b-l .cj{fill:#4f97e8}.l592-svg .b-l .rp{fill:#1b4f92}
.l592-svg .b-r .cj{fill:#ffcf5e}.l592-svg .b-r .rp{fill:#a86f00}
.l592-svg .b-p .cj{fill:#5ccf8f}.l592-svg .b-p .rp{fill:#0d6b39}
.l592-svg .b-a .cj{fill:#1f8a4f}.l592-svg .b-a .rp{fill:#08431f}
[data-theme="dark"] .l592-svg .b-l .cj{fill:#3f7fcc}[data-theme="dark"] .l592-svg .b-l .rp{fill:#143a70}
.l592-svg .b-s .cj{stroke:#f0b429;stroke-width:1.4}
.l592-svg text.bn{fill:#fff;font-weight:900}
.l592-svg .b-r text.bn{fill:#3f2a00}
@media (prefers-reduced-motion:no-preference){
  .l592-h[data-pos="0"] .l592-svg .b-s .cj{animation:l592Elige 1.8s 1.4s ease-in-out infinite}
}
@keyframes l592Elige{0%,100%{stroke-width:1.4}50%{stroke-width:2.4}}
/* documento impreso: papel blanco en los dos temas, como el PDF */
.l592-svg .dp{fill:#fff;stroke:#c9d3e4;stroke-width:.6}
.l592-svg text.dt{fill:#14233b;font-weight:600}.l592-svg text.dm{fill:#6b7c95;font-weight:600;letter-spacing:.03em}
.l592-svg .dh,.l592-svg .dlg{fill:#0b2a4a}
.l592-svg .dbx{fill:#fff;stroke:#c9d3e4;stroke-width:.6}
.l592-svg .dz{fill:#f3f6fb}
.l592-svg .dln{stroke:#c9d3e4;stroke-width:.6}
[data-theme="dark"] .l592-doc .k-ok{fill:#e2f4ec}[data-theme="dark"] .l592-doc text.kt-ok{fill:#13734f}
[data-theme="dark"] .l592-doc .k-av{fill:#fdf0dc}[data-theme="dark"] .l592-doc text.kt-av{fill:#94560a}
[data-theme="dark"] .l592-doc .k-mal{fill:#fbe4e2}[data-theme="dark"] .l592-doc text.kt-mal{fill:#a8322b}
[data-theme="dark"] .l592-doc .k-in{fill:#e3edfb}[data-theme="dark"] .l592-doc text.kt-in{fill:#1f5fae}
[data-theme="dark"] .l592-doc .k-nu{fill:#edf1f5}[data-theme="dark"] .l592-doc text.kt-nu{fill:#4a5b73}
[data-theme="dark"] .l592-doc .dh,[data-theme="dark"] .l592-doc .dlg{fill:#0b2a4a}

/* 597P (rendimiento): los indicadores, anillos y la casilla elegida laten 3 veces y se quedan quietos;
   con el libro abierto (ratón encima) siguen sin parar. Antes: infinite en cada carga (repintado continuo del SVG). */
@media (prefers-reduced-motion:no-preference){
  .l592-svg .anillo,.l592-h[data-pos="0"] .l592-num,.l592-h[data-pos="0"] .l592-svg .b-s .cj{animation-iteration-count:3}
  [data-l592].abierta .l592-svg .anillo,[data-l592].abierta .l592-h[data-pos="0"] .l592-num,[data-l592].abierta .l592-h[data-pos="0"] .l592-svg .b-s .cj{animation-iteration-count:infinite}
}