/* Barras de desplazamiento invisibles en todo el sitio. El contenido sigue desplazándose
   con la rueda, el trackpad, el toque y el teclado; solo se oculta la barra. */
* { scrollbar-width: none; -ms-overflow-style: none; }
*::-webkit-scrollbar { display: none; width: 0; height: 0; background: transparent; }

/* Excepción: los contenedores de tablas con desplazamiento horizontal conservan una barra fina y visible;
   sin ella no se nota que la tabla continúa a la derecha (sobre todo con mouse). */
.overflow-x-auto:not(pre),
[style*="overflow-x:auto"],
[style*="overflow-x: auto"],
.legal__table {
    scrollbar-width: thin;
    scrollbar-color: #8aa0ad transparent;
}

.overflow-x-auto:not(pre)::-webkit-scrollbar,
[style*="overflow-x:auto"]::-webkit-scrollbar,
[style*="overflow-x: auto"]::-webkit-scrollbar,
.legal__table::-webkit-scrollbar {
    display: block;
    height: 8px;
}

.overflow-x-auto:not(pre)::-webkit-scrollbar-thumb,
[style*="overflow-x:auto"]::-webkit-scrollbar-thumb,
[style*="overflow-x: auto"]::-webkit-scrollbar-thumb,
.legal__table::-webkit-scrollbar-thumb {
    background: #8aa0ad;
    border-radius: 8px;
}

/* Aviso de tabla ancha (ver js/comun.js): texto sobre la tabla y sombra en el borde que continúa. */
.dh-sc-aviso { margin: 0 0 6px; font-size: .8rem; font-weight: 600; color: #0a6fb7; }
.dh-sc-flecha { display: inline-block; margin-right: 4px; font-size: 1rem; animation: dh-sc-parpadeo 1s ease-in-out infinite; }
@keyframes dh-sc-parpadeo { 0%, 100% { opacity: 1; transform: translateX(0); } 50% { opacity: .15; transform: translateX(6px); } }
@media (prefers-reduced-motion: reduce) { .dh-sc-flecha { animation: none; } }
.dh-sc-aviso[hidden] { display: none; }
.dh-sc-der { box-shadow: inset -18px 0 14px -14px rgba(12, 33, 39, .35); }
.dh-sc-izq { box-shadow: inset 18px 0 14px -14px rgba(12, 33, 39, .35); }
.dh-sc-izq.dh-sc-der { box-shadow: inset 18px 0 14px -14px rgba(12, 33, 39, .35), inset -18px 0 14px -14px rgba(12, 33, 39, .35); }