/* Manuales completos dentro de la ayuda (páginas #/a/manual-...) */
.manual { max-width: 1000px; }
.manual h2 { margin-top: 26px; }
.manual h3 { font-size: 17.5px; color: var(--azul-marca); font-weight: 600; margin: 26px 0 6px; padding-top: 6px; border-top: 1px solid #d5d9e0; scroll-margin-top: 54px; }
.manual h4 { font-size: 15px; color: var(--azul); margin: 16px 0 4px; }
.manual p { margin: 6px 0 10px; }
.manual .intro { border-bottom: 2px solid var(--oro); padding-bottom: 10px; margin-bottom: 14px; }
.manual-arriba { font-size: 13.5px; margin: 0 0 8px; }
.manual-arriba a, .manual-nav a { text-decoration: none; }
.manual-arriba a:hover, .manual-nav a:hover { text-decoration: underline; }

/* ruta de menú debajo de un título */
.manual .m-ruta { margin: 2px 0 10px; font-size: 14px; }
.manual .m-ruta .menu-ruta { display: inline-block; white-space: normal; background: #e6eefc; border: 1px solid #c9d8f5; border-radius: 14px; padding: 1px 12px; text-decoration: none; }
.manual .m-ruta a.menu-ruta:hover { background: #d6e4fb; }
.manual .menu-ruta { white-space: normal; }

/* tablas */
.manual .m-tabla { overflow-x: auto; margin: 8px 0 14px; }
.manual table.t { border-collapse: collapse; width: 100%; background: #fff; font-size: 14px; }
.manual table.t th { background: var(--azul-marca); color: #fff; text-align: left; padding: 6px 10px; font-weight: 600; }
.manual table.t td { padding: 6px 10px; border-bottom: 1px solid #dcdcdc; vertical-align: top; }
.manual table.t td.que { font-weight: 600; color: var(--azul-marca); width: 27%; }
.manual table.t td.col { width: 40px; font-weight: 700; color: var(--azul-marca); white-space: nowrap; }
.manual table.t td.num, .manual table.t th.num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.manual table.t td.que.verde { background: #e3f7e3; }
.manual table.t td.que.roja { background: #fde4e4; }
.manual table.t td.que.amarilla { background: #fff8c4; }
.manual table.t .ok { color: var(--verde); font-weight: 700; }
.manual table.t .no { color: var(--rojo); font-weight: 700; }
.manual table.t.calc { width: auto; min-width: min(100%, 560px); }
.manual table.t.calc td:first-child { font-weight: 600; color: var(--azul-marca); }
.manual table.t.calc td:nth-child(2) { color: var(--suave); }
.manual table.t.calc tr.tot td { border-top: 1px solid var(--azul); border-bottom: 1px solid var(--azul); font-weight: 700; background: #f4f8fd; }
.manual table.t.calc tr.neto td { background: #fff7d6; font-weight: 700; border-bottom: 2px solid var(--oro); color: var(--azul-marca); }

/* imágenes */
.manual figure.mfig { margin: 12px 0 18px; text-align: center; }
.manual figure.mfig img { max-width: 100%; height: auto; border: 1px solid #b5b5b5; box-shadow: 0 2px 10px rgba(20, 30, 50, .16); cursor: zoom-in; background: #fff; }
.manual figure.mfig.g80 img { max-width: 82%; }
.manual figure.mfig.media img { max-width: 62%; }
.manual figure.mfig.chica img { max-width: 44%; }
.manual figure.mfig figcaption { font-size: 13px; color: var(--suave); margin-top: 5px; }
.manual .dos { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: start; }
.manual .dos figure.mfig img { max-width: 100%; }
.manual .dos h3:first-child { margin-top: 12px; }

/* listas */
.manual ul.v { padding-left: 20px; margin: 6px 0 12px; }
.manual ul.v li { margin: 0 0 5px; }
.manual ul.v li::marker { color: var(--azul-marca); }
.manual ol.pasos { margin: 8px 0 14px; }
.manual ol.pasos li > b:first-child { color: var(--azul-marca); }
.manual ul.chk { list-style: none; padding: 0; margin: 4px 0 12px; columns: 2; column-gap: 28px; }
.manual ul.chk li { position: relative; padding-left: 26px; margin: 0 0 7px; break-inside: avoid; }
.manual ul.chk li::before { content: ""; position: absolute; left: 0; top: 4px; width: 13px; height: 13px; border: 1.5px solid var(--azul); border-radius: 2px; background: #fff; }

/* recuadros */
.manual .flujo { display: flex; flex-wrap: wrap; gap: 6px; align-items: stretch; margin: 12px 0 16px; }
.manual .flujo .n { flex: 1 1 140px; background: #fff; border: 1px solid #c9c9c9; border-top: 3px solid var(--azul-marca); padding: 8px 10px; font-size: 13px; color: var(--suave); }
.manual .flujo .n b { display: block; color: var(--azul-marca); font-size: 14px; }
.manual .flujo .f { align-self: center; color: #8a8a8a; font-size: 18px; }
.manual .formula { background: #f4f8fd; border: 1px solid #9db4e8; padding: 10px 14px; margin: 10px 0 14px; font-weight: 700; color: var(--azul-marca); text-align: center; }
.manual .caso { margin: 0 0 18px; }
.manual .caso h4 { font-size: 15.5px; color: var(--azul-marca); margin: 18px 0 2px; }
.manual .caso .sub { color: var(--suave); font-size: 13.5px; margin: 0 0 4px; }

/* vista del archivo de Excel */
.manual .xls { overflow-x: auto; margin: 8px 0 14px; }
.manual .xls table { border-collapse: collapse; font-size: 12px; background: #fff; }
.manual .xls th, .manual .xls td { border: 1px solid #d0d0d0; padding: 2px 7px; white-space: nowrap; }
.manual .xls th, .manual .xls td.nf, .manual .xls th.esq { background: #ececec; color: #555; text-align: center; font-weight: 400; }
.manual .xls td.tit { font-weight: 700; }
.manual .xls td.n { text-align: right; }
.manual .xls td.nu { text-align: center; color: #999; }
.manual .xls .hoja { font-size: 12px; color: var(--verde); font-weight: 600; margin-top: 3px; }

/* pie de capítulo e índice */
.manual-nav { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: center; margin: 28px 0 4px; padding-top: 12px; border-top: 1px solid #c4c4c4; font-size: 14px; }
.manual-nav > :last-child { text-align: right; }
.manual-indice .m-parte { background: #fff; border: 1px solid #c9c9c9; border-top: 3px solid var(--azul-marca); padding: 4px 16px 10px; margin: 0 0 14px; }
.manual-indice .m-parte h2 { margin: 10px 0 2px; }
.manual-indice .m-sub { color: var(--suave); font-size: 13.5px; margin: 0 0 6px; }
.manual-indice ol.m-caps { margin: 0; padding-left: 30px; }
.manual-indice ol.m-caps > li { margin: 0 0 7px; }
.manual-indice ol.m-caps > li::marker { color: var(--azul-marca); font-weight: 700; }
.manual-indice a.m-cap { font-weight: 600; text-decoration: none; }
.manual-indice a.m-cap:hover { text-decoration: underline; }
.manual-indice .m-secs { display: block; font-size: 13px; color: #999; }
.manual-indice .m-secs a { color: var(--suave); text-decoration: none; }
.manual-indice .m-secs a:hover { color: var(--azul); text-decoration: underline; }

/* enlace al manual desde la página de una pantalla y tarjeta del inicio */
.manual-ref { font-size: 14px; margin: 0 0 8px; padding: 6px 12px; background: #fff7d6; border-left: 4px solid var(--oro); max-width: 860px; }
.manual-ref a { font-weight: 600; }
.modulo-tarjeta.manual-tarjeta { border-top-color: var(--oro); }

@media (max-width: 760px) {
  .manual .dos { grid-template-columns: 1fr; }
  .manual figure.mfig.g80 img, .manual figure.mfig.media img, .manual figure.mfig.chica img { max-width: 100%; }
  .manual ul.chk { columns: 1; }
  .manual table.t td.que { width: auto; }
  .manual-nav { grid-template-columns: 1fr; }
  .manual-nav > :last-child { text-align: left; }
}