/* Centro de ayuda: índice independiente y un único artículo visible. */
body:has(.guia-centro) .wrap { max-width:1240px; }
.guia-centro { --guide-ink:var(--navy); --guide-blue:var(--navy2); --brand:var(--navy2); --brand2:var(--navy); --brand-dim:rgba(11,42,111,.08); }
.guia-portada { display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0 20px;padding:28px 30px;border-radius:20px;background:linear-gradient(135deg,var(--navy-d),var(--navy) 55%,var(--navy2));color:#fff;box-shadow:0 10px 28px #0b2a6f14; }
.guia-eyebrow { display:block;font-size:10px;letter-spacing:.14em;font-weight:800; }
.guia-portada .guia-eyebrow { color:#A9BCE8; }
.guia-portada h2 { margin:8px 0;font-size:29px;letter-spacing:-1px;line-height:1.2; }
.guia-portada p { margin:0;color:#C7D5F5;font-size:14px;max-width:520px; }
.guia-sistema { border-left:1px solid #ffffff26;padding-left:28px;min-width:160px; }
.guia-sistema span,.guia-sistema small { display:block;font-size:12px;color:#C7D5F5; }
.guia-sistema strong { display:block;font-size:20px;margin:3px 0; }
.guia-servicio .fg { margin:0;max-width:360px; }
.guia-lector { grid-template-columns:290px minmax(0,1fr);gap:24px; }
.guia-indice { top:82px;padding:0;overflow:hidden;border-color:#dfe8ef;box-shadow:0 4px 20px #0b2a6f06; }
.guia-indice-cab { padding:22px 18px 14px;border-bottom:1px solid #edf1f5; }
.guia-indice-cab .guia-eyebrow { color:#728196;margin-bottom:6px; }
.guia-indice-cab>b { display:block;font-size:15px;color:var(--guide-ink);margin-bottom:16px; }
.guia-buscador { display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #dce5ee;border-radius:10px;background:#f8fafc; }
.guia-buscador:focus-within { outline:3px solid #0b2a6f17;border-color:#123A8F; }
.guia-buscador>span:first-child { font-size:24px;color:#728196; }
.guia-buscador input { min-width:0;width:100%;border:0;background:transparent;outline:none;padding:10px 0;font-size:13px; }
.guia-tecla { color:#a2adbc;font-size:12px; }
.guia-resultados { margin-top:10px;font-size:11px;color:#728196; }
.guia-temas { max-height:calc(100dvh - 330px);min-height:160px;overflow:auto;padding:8px 10px 16px;scrollbar-width:thin;scrollbar-color:#cad9e4 transparent; }
.guia-grupo { color:#748397;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;padding:18px 10px 8px; }
.guia-tema { width:100%;display:grid;grid-template-columns:24px minmax(0,1fr) 10px;align-items:start;gap:9px;text-align:left;border:1px solid transparent;border-radius:10px;background:transparent;padding:10px 9px;line-height:1.45;font-size:12px;font-weight:500;color:#516176;cursor:pointer; }
.guia-tema:hover { background:#f3f7fa;color:#0B2A6F; }
.guia-tema.on { background:#EDF2FF;border-color:#D9E3FA;color:#0B2A6F;font-weight:700; }
.guia-num { display:flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:6px;background:#f1f5f8;color:#8895a7;font-size:10px;font-weight:700; }
.guia-tema.on .guia-num { color:#fff;background:#123A8F; }
.guia-flecha { font-size:18px;color:#9da9b8;line-height:1; }
.guia-tema.on .guia-flecha { color:#123A8F; }
.guia-indice-pie { padding:14px 18px;border-top:1px solid #edf1f5;font-size:11px;line-height:1.6;color:#8895a7;background:#fbfcfd; }
.guia-lectura { min-width:0; }
.guia-articulo { padding:0;overflow:hidden;scroll-margin-top:86px;border:1px solid #dfe8ef;border-radius:18px;box-shadow:0 4px 20px #0b2a6f06; }
.guia-articulo:focus { outline:none; }
.guia-articulo:focus-visible { outline:2px solid #123A8F;outline-offset:4px; }
.guia-articulo-cab { padding:28px 34px 24px;border-bottom:1px solid #eaf0f5; }
.guia-ruta { display:flex;align-items:center;gap:10px;color:#738499;font-size:11px;flex-wrap:wrap; }
.guia-ruta span { color:#c2ccd7; }
.guia-meta { display:flex;align-items:center;gap:12px;color:#8593a5;font-size:11px;margin:22px 0 12px; }
.guia-etiqueta { background:#EDF2FF;color:#0B2A6F;border-radius:6px;padding:5px 8px;font-size:9px;letter-spacing:.07em;font-weight:800; }
.guia-articulo-cab h2 { margin:0 0 12px;font-size:28px;line-height:1.23;letter-spacing:-.8px;color:var(--guide-ink);max-width:650px; }
.guia-actualizado { color:#8b98a9;font-size:11px; }
.guia-apartados { padding:16px 34px;background:#f8fafc;border-bottom:1px solid #eaf0f5;display:flex;align-items:center;gap:7px;flex-wrap:wrap; }
.guia-apartados>span { font-size:9px;font-weight:800;color:#8a97a8;letter-spacing:.08em;flex-basis:100%;margin-bottom:3px; }
.guia-apartados a { font-size:11px;color:#48657c;background:#fff;border:1px solid #e1e9f0;padding:5px 9px;border-radius:6px;text-decoration:none; }
.guia-apartados a:hover { border-color:#123A8F;color:#123A8F; }
.guia-texto { padding:10px 34px 24px;line-height:1.85;font-size:14px;overflow-wrap:anywhere;color:#465a70; }
.guia-texto p,.guia-texto li { color:#465a70; }
.guia-texto h2,.guia-texto h3,.guia-texto h4 { color:var(--guide-ink);line-height:1.4;scroll-margin-top:90px; }
.guia-texto h2 { font-size:22px; }
.guia-texto h3,.guia-texto h4 { font-size:17px;margin:26px 0 12px;letter-spacing:-.25px; }
.guia-texto strong { color:#233f59;font-weight:700; }
.guia-texto ul { padding-left:21px; }
.guia-texto li { padding-left:5px;margin:8px 0; }
.guia-texto ol { list-style:none;counter-reset:paso;padding-left:0;margin:16px 0 24px; }
.guia-texto ol>li { counter-increment:paso;position:relative;padding:3px 0 12px 40px;margin:0;min-height:39px; }
.guia-texto ol>li::before { content:counter(paso);position:absolute;left:0;top:4px;width:26px;height:26px;display:grid;place-items:center;background:#EDF2FF;color:#123A8F;border:1px solid #D9E3FA;border-radius:8px;font-size:11px;font-weight:800;line-height:1; }
.guia-texto .gmd-box { padding:16px 18px;border-radius:10px;font-size:13px;border:1px solid #D9E3FA;margin:20px 0; }
.guia-texto .gmd-box b { display:block;margin-bottom:5px; }
.guia-texto .gmd-box.warn { border-color:#f1dfbc; }
.guia-navegacion { display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:22px 34px;border-top:1px solid #eaf0f5;background:#fbfcfe; }
.guia-navegacion button { display:block;min-width:0;text-align:left;border:1px solid #e1e9f0;border-radius:11px;padding:14px;background:#fff;cursor:pointer; }
.guia-navegacion button:hover { border-color:#9DB4E6; }
.guia-navegacion small { display:block;color:#8191a3;font-size:9px;letter-spacing:.08em;font-weight:800;margin-bottom:7px; }
.guia-navegacion strong { display:block;font-size:12px;color:#284a65;line-height:1.5; }
.guia-navegacion .guia-siguiente { text-align:right; }
.guia-ayuda { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 2px 24px; }
.guia-ayuda b { color:#304d67;font-size:13px; }
.guia-ayuda p { color:#8191a3;font-size:11px;margin:5px 0 0; }
.guia-ayuda .btn { font-size:11px;border-radius:9px;padding:10px 12px;flex-shrink:0; }
.guia-vacia { text-align:center;padding:48px 26px; }
.guia-vacia>span { font-size:36px;color:#8fa8bb; }
.guia-vacia h2 { font-size:22px;color:#284a65; }
.guia-vacia p,.guia-sin-resultados { color:#8191a3;font-size:13px; }
.guia-sin-resultados { padding:24px 10px; }
.guia-centro button:focus-visible,.guia-centro a:focus-visible { outline:2px solid #123A8F;outline-offset:2px; }
@media (max-width:960px) { .guia-lector { grid-template-columns:250px minmax(0,1fr);gap:16px; }.guia-articulo-cab,.guia-apartados,.guia-navegacion { padding-left:24px;padding-right:24px; }.guia-texto { padding-left:24px;padding-right:24px; }.guia-articulo-cab h2 { font-size:25px; } }
@media (max-width:760px) { .guia-portada { padding:22px;gap:18px;flex-wrap:wrap;margin-top:18px; }.guia-portada h2 { font-size:25px; }.guia-portada p { font-size:12px; }.guia-sistema { border-left:0;padding:14px 0 0;border-top:1px solid #ffffff26;flex-basis:100%; }.guia-sistema strong { display:inline;font-size:15px; }.guia-sistema span { display:inline;margin-right:8px; }.guia-sistema small { display:inline;margin-left:10px; }.guia-lector { grid-template-columns:minmax(0,1fr);gap:4px; }.guia-temas { max-height:230px;min-height:0; }.guia-indice-cab { padding:18px; }.guia-articulo { scroll-margin-top:16px; }.guia-texto { font-size:14px; }.guia-articulo-cab { padding-top:22px; }.guia-articulo-cab h2 { font-size:24px; }.guia-ayuda { flex-wrap:wrap; }.guia-apartados a { font-size:10px; }.guia-texto h2,.guia-texto h3,.guia-texto h4 { scroll-margin-top:16px; } }
@media (max-width:420px) { .guia-articulo-cab,.guia-apartados,.guia-navegacion { padding-left:18px;padding-right:18px; }.guia-texto { padding-left:18px;padding-right:18px; }.guia-navegacion { gap:10px; }.guia-navegacion button { padding:10px; } }
@media (prefers-reduced-motion:reduce) { .guia-centro * { scroll-behavior:auto!important; } }

/* Consejos con la misma paleta azul del portal Gestium. */
.guia-centro .guia-texto .gmd-box.tip { background:#EDF2FF;border-color:#D9E3FA; }
