.dropdown-panel-widget {
    position: relative;
    display: inline-block;
}

.dropdown-button {
    cursor: pointer;
    background-color: #0073e6;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
}

.dropdown-button:hover {
    background-color: #005bb5;
}

.dropdown-panel {
    display: none;
    position: absolute;
    z-index: 1;
    background-color: #ffffff;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Dirección hacia abajo */
.dropdown-down {
    top: 100%;
    left: 0;
}

/* Dirección hacia arriba */
.dropdown-up {
    bottom: 100%;
    left: 0;
}

.dropdown-panel .dropdown-content {
    /* Estilos adicionales para el contenido */
}

/* Mostrar el dropdown al hacer hover (puedes cambiar esto para hacerlo con JavaScript) */
.dropdown-panel-widget.active .dropdown-panel {
    display: block;
}