color: white; text-align: center; border-width: 0; background-color: #05a5fb; cursor: pointer; display: flex; align-items: center; justify-content: center; } #search-button i { font-size: 18px; } #searchResults { list-style: none; padding: 0; margin-top: 10px; max-width: 100%; background: #fff; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); display: none; /* Oculto por defecto */ } #searchResults li { padding: 10px; border-bottom: 1px solid #eee; transition: background 0.3s; } #searchResults li:hover { background: #f1f1f1; } #searchResults li a { text-decoration: none; color: #333; font-weight: bold; } .no-results { background-color: black; color: white; padding: 10px; text-align: center; font-weight: bold; border-radius: 5px; margin-top: 5px; transition: background 0.3s; } .no-results:hover { background-color: #05FBFB; color: black; }