.suggestions {
    display: none; /* Se oculta inicialmente */
    position: absolute;
    z-index: 1000;
    background-color: white; /* Color de fondo sólido */
    border: 1px solid #cccccc; /* Borde */
    border-radius: 4px; /* Bordes redondeados */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Sombra para destacar */
    width: 100%; /* Ancho del 100% del contenedor padre */
    max-height: 200px; /* Altura máxima deseada */
    overflow-y: auto; /* Barra de desplazamiento vertical */
    box-sizing: border-box; /* Asegura que padding y borde están incluidos en el ancho */
}
.suggestion-container {
    position: relative;
}

.suggestion-item {
    padding: 8px;
    cursor: pointer;
    background-color: inherit;
}

.suggestion-item:hover {
    background-color: #f0f0f0; /* Cambia el fondo al pasar el ratón */
}