:root{--line:#d9d4c4;--tx:#1a1f2b;--mut:#5a6272;--pri:#0f2a5c;--acc:#d4a93a;--ko:#b3261e;--ficha:#fffdf5;--paso:#0f2a5c}
@media (prefers-color-scheme:dark){:root{--line:#2c3547;--tx:#e7eaf0;--mut:#a3adbf;--pri:#8fb0ff;--acc:#e6c25a;--ko:#ff8f86;--ficha:#1d2535;--paso:#25365c}}
/* Estilos del contenido de los manuales (tablas, fichas, cajas, flujos), tomados de la plantilla de cursos. */
.contenido table{width:100%;border-collapse:collapse;font:14.5px/1.4 system-ui,sans-serif;margin:12px 0;display:block;overflow-x:auto}
.contenido th,.contenido td{border-bottom:1px solid var(--line);padding:7px 9px;text-align:left;vertical-align:top}
.contenido th{border-bottom:2px solid var(--tx)}
.contenido .ficha,.contenido .limite{border:1px solid var(--line);border-left:5px solid var(--pri);background:var(--ficha);border-radius:8px;padding:10px 16px;margin:14px 0}
.contenido .limite{border-left-color:var(--ko)}
.contenido .fg{font:700 12px system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.contenido .dos,.contenido .cajas{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:14px 0}
.contenido .dos>div,.contenido .caja{background:var(--ficha);border:1px solid var(--line);border-radius:8px;padding:10px 14px;margin:0;border-left-width:1px}
.contenido ol.pasos{list-style:none;counter-reset:p;padding-left:0}
.contenido ol.pasos li{counter-increment:p;position:relative;padding-left:38px;margin:8px 0}
.contenido ol.pasos li::before{content:counter(p);position:absolute;left:0;top:2px;width:26px;height:26px;border-radius:50%;background:var(--pri);color:#fff;font:700 13px/26px system-ui,sans-serif;text-align:center}
.contenido h2{font-size:21px}
.contenido img,.contenido svg{max-width:100%;height:auto}

/* bloques de los manuales que antes salian sin estilo (QA 29-oct-2026) */
.contenido .flujo{display:flex;align-items:stretch;gap:6px;margin:14px 0;flex-wrap:wrap}
.contenido .paso{flex:1 1 140px;background:var(--paso);color:#fff;border-radius:8px;padding:10px 12px;font:13.5px/1.4 system-ui,sans-serif;text-align:left}
.contenido .paso b{display:block;color:#f3d675;margin:6px 0 2px}.contenido .paso span{color:#e8ecf5}
.contenido .pn{width:24px;height:24px;border-radius:50%;background:#d4a93a;color:#0f2a5c;font:700 13px/24px system-ui,sans-serif;text-align:center}
.contenido .flecha{align-self:center;flex:0 0 auto;color:var(--acc);font-size:12px}
.contenido .mapa{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;margin:12px 0}
.contenido .tarj{display:flex;gap:8px;align-items:flex-start;border:1px solid var(--line);border-left:4px solid var(--pri);background:var(--ficha);padding:8px 10px;border-radius:6px;font:14px/1.4 system-ui,sans-serif}
.contenido .tarj .num{flex:0 0 24px;height:24px;border-radius:50%;background:var(--paso);color:#fff;font:700 12px/24px system-ui,sans-serif;text-align:center}
.contenido .tarj .tx b{display:block}.contenido .tarj .tx span{color:var(--mut)}
.contenido .chips{font:13.5px/1.5 system-ui,sans-serif;color:var(--mut);margin-top:6px}
.contenido .leyenda{font:13px system-ui,sans-serif;margin:6px 0}.contenido .leyenda span{margin-right:14px;white-space:nowrap}.contenido .leyenda i{display:inline-block;width:10px;height:10px;margin-right:4px;border-radius:2px;background:var(--mut)}
.contenido .dos .ia{border-top:3px solid var(--pri)}.contenido .dos .tu{border-top:3px solid var(--ko)}
.contenido .dos h3{margin-top:0;font-size:15px}
.contenido table.nov{font-size:14px}.contenido table.nov td b{font-weight:700}
.contenido .w1 td:first-child,.contenido table.w1 th:first-child{white-space:nowrap}
.contenido .w2 td:last-child,.contenido table.w2 th:last-child{white-space:nowrap}
.contenido .w3 td:last-child,.contenido table.w3 th:last-child{min-width:64px}
.contenido .w4 td:first-child,.contenido table.w4 th:first-child{min-width:76px}
@media (max-width:600px){.contenido .flujo{flex-direction:column}.contenido .flecha{transform:rotate(90deg)}}
