.menu-search-icon {
    position: relative;
}

.menu-search-icon .search-container {
    position: absolute;
    top: -15px;
    right: 100%;
    background: #fff;
    padding: 10px;
    display: none;
}

.menu-search-icon .search-container input {
    width: 200px;
    padding: 5px;
    border: none;
    border-bottom: 1px solid #ccc;
    font-family: 'Lexend Exa';
}

.menu-search-icon .search-container button {
    /* background: none;
    border: none;
    cursor: pointer; */
    display: none;
}

/* Ocultar la "X" en navegadores como Chrome y Edge */
.search-container .search-field::-webkit-search-decoration,
.search-container .search-field::-webkit-search-cancel-button,
.search-container .search-field::-webkit-search-results-button,
.search-container .search-field::-webkit-search-results-decoration {
    display: none;
}

/* Posicionar el icono de FontAwesome */
.search-container {
    position: relative;
}

.search-clear {
    position: absolute;
    right: 35px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    color: #333;
    display: none;
}