/* Ayuda › Manual del sistema (3-nov-2026). Piel aprobada (diseno.css): blanco, navy, Lato, cobalto y aguamarina.
   Índice fijo a la izquierda en pantalla ancha; arriba, a lo ancho, en el celular. */
#v-manual{--mn-ink:#051328;--mn-cob:#2457d6;--mn-cob-t:#e8eefc;--mn-agua:#087970;--mn-agua-t:#e4f4f1;--mn-muted:#586577;--mn-soft:#f3f5f8;--mn-linea:#dfe4ec;color:var(--mn-ink);font-family:Lato,Helvetica,Arial,sans-serif}
#v-manual .mn-marco{display:grid;grid-template-columns:290px minmax(0,1fr);gap:30px;align-items:start}
#v-manual .mn-indice{position:sticky;top:0;max-height:calc(100vh - 170px);overflow:auto;background:var(--mn-soft);border-radius:18px;padding:16px 14px 18px;font-size:13px;line-height:1.35}
#v-manual .mn-indice-t{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--mn-muted);font-weight:700;margin:0 6px 10px}
#v-manual .mn-indice ol{list-style:none;margin:0;padding:0}
#v-manual .mn-parte{margin:0 0 10px}
#v-manual .mn-secciones{padding-left:10px!important;margin-top:3px!important}
#v-manual .mn-fichas{padding-left:12px!important;margin:2px 0 4px!important}
#v-manual .mn-ir{display:block;padding:5px 8px;border-radius:12px;color:#47556a;text-decoration:none}
#v-manual .mn-ir:hover,#v-manual .mn-ir:focus-visible{background:#e9eef5;color:var(--mn-ink);outline:none}
#v-manual .mn-ir-parte{font-weight:900;color:var(--mn-ink)}
#v-manual .mn-ir-ficha{font-size:12px;padding:3px 8px}
#v-manual .mn-ir.activa{background:var(--mn-cob-t);color:#1f4fc4;font-weight:700}
#v-manual .mn-cuerpo{min-width:0;max-width:1080px}
#v-manual .mn-cabeza h1{margin:0 0 6px}
/* El índice que trae el documento es el del PDF: dentro del sistema lo reemplaza el de la izquierda. */
#v-manual .mn-indice-doc{display:none}
#v-manual .mn-contenido{font-size:14px;line-height:1.55}
#v-manual .mn-contenido h2{font-size:24px;font-weight:900;margin:40px 0 10px;padding-top:6px;border-top:2px solid var(--mn-ink)}
#v-manual .mn-contenido h3{font-size:18px;font-weight:900;margin:28px 0 8px}
#v-manual .mn-contenido h4{font-size:13px;font-weight:700;color:var(--mn-muted);margin:0 0 4px}
#v-manual .mn-contenido section,#v-manual .mn-contenido [data-indice]{scroll-margin-top:12px}
#v-manual .mn-contenido [tabindex="-1"]:focus{outline:none}
#v-manual .mn-volver{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#1f4fc4;background:var(--mn-cob-t);border-radius:16px;padding:4px 12px;text-decoration:none;margin:2px 0 8px}
#v-manual .mn-volver::before{content:"↑"}
#v-manual .mn-volver:hover{background:#d9e3fb}
#v-manual .mn-pie-volver{text-align:right;margin:6px 0 18px}
#v-manual .parte-portada{background:var(--mn-soft);border-radius:18px;padding:18px 22px;margin:28px 0 8px}
#v-manual .parte-portada h2{border-top:0;margin:4px 0 6px;padding:0}
#v-manual .parte-numero{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--mn-muted);font-weight:700}
#v-manual .par{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:10px 0 8px}
#v-manual .par.uno{grid-template-columns:1fr}
#v-manual figure{margin:0}
#v-manual figure img{width:100%;height:auto;border:1px solid var(--mn-linea);border-radius:10px;display:block;background:#fff}
#v-manual figcaption{font-size:12px;color:var(--mn-muted);margin-top:5px}
#v-manual figcaption b{color:var(--mn-ink)}
#v-manual .pasos{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:6px 0 14px}
#v-manual .pasos > div{background:var(--mn-soft);border-radius:14px;padding:12px 16px}
#v-manual .pasos ol{margin:0;padding-left:18px}
#v-manual .donde{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}
#v-manual .capsula{display:inline-block;border-radius:20px;padding:2px 10px;font-size:11.5px;font-weight:700;background:var(--mn-cob-t);color:#1f4fc4}
#v-manual .capsula.agua{background:var(--mn-agua-t);color:var(--mn-agua)}
#v-manual .capsula.gris{background:var(--mn-soft);color:var(--mn-muted)}
#v-manual .nota{background:var(--mn-soft);border-radius:14px;padding:12px 16px;margin:10px 0}
#v-manual .mn-contenido table{border-collapse:collapse;width:100%;margin:8px 0 14px;font-size:12.5px}
#v-manual .mn-contenido th{text-align:left;font-weight:700;color:var(--mn-muted);border-bottom:1.5px solid var(--mn-ink);padding:6px 7px;font-size:11.5px}
#v-manual .mn-contenido td{border-bottom:1px solid var(--mn-linea);padding:6px 7px;vertical-align:top}
#v-manual .tabla-ancha{overflow-x:auto}
#v-manual .estado-si{color:var(--mn-agua);font-weight:700}
#v-manual .estado-movido{color:#1f4fc4;font-weight:700}
#v-manual .estado-no{color:var(--mn-muted);font-weight:700}
#v-manual .ficha{border-top:1px solid var(--mn-linea);padding-top:6px;margin-top:22px}
@media (max-width:900px){
  #v-manual .mn-marco{grid-template-columns:1fr;gap:16px}
  #v-manual .mn-indice{position:static;max-height:none}
  #v-manual .par,#v-manual .pasos{grid-template-columns:1fr}
  #v-manual .mn-contenido h2{font-size:20px}
}
/* La ruta en pantallazos (3-nov-2026): los cuatro pasos numerados con la zona marcada */
#v-manual .ruta{margin:10px 0 6px}#v-manual .ruta-pasos{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
#v-manual .ruta-paso{margin:0}#v-manual .ruta-paso img{width:100%;border:1px solid #dde3ec;border-radius:8px}
#v-manual .ruta-paso figcaption{font-size:13px;margin-top:4px}
#v-manual .ruta-n{display:inline-block;min-width:20px;height:20px;border-radius:10px;background:#d93a3f;color:#fff;font-weight:800;text-align:center;font-size:12px;line-height:20px;margin-right:4px;padding:0 4px}
#v-manual .ruta-ol{list-style:none;padding-left:0}#v-manual .ruta-ol li{margin:0 0 6px}
#v-manual .ruta-antes img{max-height:320px;object-fit:contain;object-position:left}
#v-manual .ver-pant{font-size:12px;white-space:nowrap}
@media (max-width:800px){#v-manual .ruta-pasos{grid-template-columns:1fr}}