/* Mejoras de interfaz: menú superior fijo y compacto, encabezado de tabla
   que acompaña el desplazamiento de la página y flecha flotante para volver
   arriba. Todo funciona sin JavaScript; el script sólo agrega suavizado, la
   altura real del menú (para pegar el encabezado) y el estado de la flecha. */

/* Menú superior siempre visible; se contrae al desplazar la página. */
.navbar.jur-fijo{position:sticky;top:0;z-index:1030;transition:padding .15s ease}
.navbar.jur-fijo.jur-compacto{padding-top:.2rem;padding-bottom:.2rem}
.navbar.jur-fijo.jur-compacto .navbar-brand{font-size:1rem}
.navbar.jur-fijo.jur-compacto .navbar-text,
.navbar.jur-fijo.jur-compacto .btn{font-size:.85rem}

/* Tabla completa (sin recorte): el encabezado queda pegado justo debajo del
   menú mientras se recorre la página. La altura del menú la fija ux.js en
   --jur-nav; sin JavaScript se usa 3.5rem. */
.tabla-fija{overflow:visible}
.tabla-fija>table{margin-bottom:0}
.tabla-fija thead th{position:sticky;top:var(--jur-nav,3.5rem);z-index:2;background:#f8f9fa;box-shadow:inset 0 -1px 0 #dce1e8}

/* Al llegar desde «Filtrar» o la paginación, la tabla queda a la vista
   debajo del menú fijo. */
#tabla{scroll-margin-top:calc(var(--jur-nav,3.5rem) + .5rem)}

/* Encabezados que ordenan la tabla al pulsarlos, con su flecha. */
th a.jur-orden{color:inherit;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:.3rem}
th a.jur-orden:hover,th a.jur-orden:focus-visible{color:#0d6efd}
.jur-orden .jur-orden-flecha{opacity:.3;font-size:.9em;line-height:1}
.jur-orden.jur-orden-activa{font-weight:600}
.jur-orden.jur-orden-activa .jur-orden-flecha{opacity:1;color:#0d6efd;font-weight:700}

/* Flecha flotante «volver arriba» (visible por defecto si no hay JavaScript). */
.jur-arriba{position:fixed;right:1.1rem;bottom:1.1rem;z-index:1040;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--nav,#17233c);color:#fff;font-size:1.35rem;line-height:1;text-decoration:none;box-shadow:0 4px 14px #19243a45;opacity:.92}
.jur-arriba:hover,.jur-arriba:focus{background:#243c63;color:#fff;opacity:1}

@media(max-width:767.98px){
    /* En pantallas chicas se conserva el desplazamiento horizontal. */
    .tabla-fija{overflow-x:auto}
    .tabla-fija thead th{font-size:.85rem}
}