/* Riesgos y casos · barra de navegación entre guías (siempre visible) y "continúe con" */
.rkb { position:sticky; top:var(--rkb-top,64px); z-index:90; background:#0a1024; color:#e8edff; border-bottom:1px solid rgba(255,255,255,.12); box-shadow:0 8px 24px rgba(4,10,40,.18); }
.rkb__in { display:flex; align-items:center; gap:14px; max-width:1400px; margin:0 auto; padding:0 20px; }
.rkb__label { flex:none; padding:14px 0; font:700 .68rem 'JetBrains Mono',monospace; letter-spacing:.12em; text-transform:uppercase; color:#9fb2e6; text-decoration:none; white-space:nowrap; }
.rkb__label:hover { color:#fff; }
.rkb__label::after { content:"›"; margin-left:10px; color:#5b6b92; }
.rkb__list { display:flex; gap:4px; margin:0; padding:8px 0; list-style:none; overflow-x:auto; scroll-snap-type:x proximity; scrollbar-width:none; -webkit-mask:linear-gradient(90deg,#000 calc(100% - 28px),transparent); mask:linear-gradient(90deg,#000 calc(100% - 28px),transparent); }
.rkb__list::-webkit-scrollbar { display:none; }
.rkb__list a { display:inline-flex; align-items:center; gap:7px; padding:7px 11px; border-radius:999px; color:#cfd9f7; font:650 .8rem Inter,sans-serif; text-decoration:none; white-space:nowrap; scroll-snap-align:center; border:1px solid rgba(255,255,255,.12); transition:background .15s, color .15s, border-color .15s; }
.rkb__list a:hover { background:rgba(255,255,255,.1); color:#fff; border-color:rgba(255,255,255,.3); }
.rkb__list a:focus-visible { outline:2px solid #7aa7ff; outline-offset:1px; }
.rkb__list a[aria-current="page"] { background:#fff; color:#0a1024; border-color:#fff; cursor:default; }
.rkb__dot { width:8px; height:8px; border-radius:50%; background:var(--c); flex:none; }
@media (max-width: 1340px) { .rkb__label { display:none; } }
@media (min-width: 1341px) { .rkb__hub { display:none; } }
@media (max-width: 760px) {
  .rkb__in { padding:0 0 0 14px; gap:10px; }
  .rkb__label { display:none; }
  .rkb__list { padding:9px 14px 9px 0; -webkit-mask:linear-gradient(90deg,#000 calc(100% - 20px),transparent); mask:linear-gradient(90deg,#000 calc(100% - 20px),transparent); }
  .rkb__list li:first-child { margin-left:0; }
}

.rkn { padding:clamp(34px,5vw,56px) 0; background:#0a1024; color:#e8edff; }
.rkn__in { max-width:1140px; margin:0 auto; padding:0 28px; }
.rkn__t { display:block; margin-bottom:16px; font:700 .72rem 'JetBrains Mono',monospace; letter-spacing:.12em; text-transform:uppercase; color:#9fb2e6; }
.rkn__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.rkn__card { position:relative; display:flex; flex-direction:column; gap:6px; padding:18px 20px; border-radius:14px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); color:#fff; text-decoration:none; transition:background .2s, transform .2s, border-color .2s; }
.rkn__card:hover { background:rgba(255,255,255,.12); transform:translateY(-3px); border-color:rgba(255,255,255,.3); }
.rkn__card:focus-visible { outline:3px solid #7aa7ff; outline-offset:3px; }
.rkn__card small { display:flex; align-items:center; gap:8px; font:700 .68rem 'JetBrains Mono',monospace; letter-spacing:.08em; text-transform:uppercase; color:#9fb2e6; }
.rkn__card b { font-size:2.2rem; line-height:1; letter-spacing:-.06em; }
.rkn__card span { font-size:.92rem; color:#cfd9f7; line-height:1.4; }
.rkn__card i { position:absolute; right:16px; bottom:14px; font-style:normal; font-size:1.2rem; color:#7aa7ff; transition:transform .2s; }
.rkn__card:hover i { transform:translateX(4px); }
@media (max-width: 760px) { .rkn__in { padding:0 16px; } .rkn__grid { grid-template-columns:1fr; } }
@media (prefers-reduced-motion: reduce) { .rkn__card, .rkb__list a { transition:none; } }
@media print { .rkb, .rkn { display:none !important; } }