/* Ocultar el select original */
select {
    display: none; 
}

/* Contenedor de lista visible */
.bloque-lista {
    border: 1px solid #ccc;
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 300px;
}

.bloque-lista li {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    background-color: #fff;
    transition: background-color 0.2s ease;
}

.bloque-lista li:hover {
    background-color: #f4f4f4;
}

/* Estilo para la opción seleccionada */
.bloque-lista li.seleccionado {
    background-color: #e0e0e0; /* Color más oscuro */
    font-weight: bold;
}