#lista-documentos-horizontal {
    display: flex;
    flex-wrap: nowrap; /* CRÍTICO: Mantiene todo en una línea */
    overflow-x: auto;  /* Permite el scroll */
    gap: 1.5rem;
    padding: 1rem 0;
    scroll-behavior: smooth; /* Hace que el movimiento sea suave */
    -webkit-overflow-scrolling: touch;
}

/* Ocultar barra de scroll para un look más limpio */
#lista-documentos-horizontal::-webkit-scrollbar {
    display: none;
}

.card-horizontal {
    flex: 0 0 auto; /* CRÍTICO: Impide que las tarjetas se achiquen */
    width: 300px;   /* Ancho fijo */
}

@media (min-width: 768px) {
    .card-horizontal {
        width: 400px;
    }
}