/* Contenedor con tamaño fijo y scroll */
.proscores-scrollable {
    width: 100%;           /* Ancho: 100% del contenedor padre */
    max-width: 800px;      /* Ancho máximo (ajústalo) */
    height: 600px;         /* Alto fijo (cambia este valor) */
    overflow-y: auto;      /* Scroll vertical */
    overflow-x: hidden;    /* Oculta scroll horizontal */
    border-radius: 12px;   /* Bordes redondeados (opcional) */
    background: #f5f5f5;   /* Fondo (opcional) */
}

/* Personalizar la barra de scroll */
.proscores-scrollable::-webkit-scrollbar {
    width: 8px;
}

.proscores-scrollable::-webkit-scrollbar-track {
    background: #e0e0e0;
    border-radius: 10px;
}

.proscores-scrollable::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.proscores-scrollable::-webkit-scrollbar-thumb:hover {
    background: #555;
}