/* Estilos para o autocomplete */
.autoComplete_wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

    .autoComplete_wrapper > input {
        width: 100%;
        padding: 14px 18px;
        border-radius: 10px;
        font-size: 15px;
        transition: var(--transition);
        background-color: var(--darker-color);
    }

        .autoComplete_wrapper > input:focus {
            border-color: var(--primary-color);
            box-shadow: 0 0 0 3px rgba(255, 77, 109, 0.1);
            outline: none;
            background-color: var(--darker-color);
        }

    .autoComplete_wrapper > ul {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        max-height: 300px;
        overflow-y: auto;
        background: var(--darker-color);
        border: 1px solid #e0e0e0;
        border-radius: 10px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        margin-top: 5px;
        list-style: none;
    }

        .autoComplete_wrapper > ul > li {
            padding: 12px 18px;
            cursor: pointer;
            transition: var(--transition);
        }

            .autoComplete_wrapper > ul > li:hover,
            .autoComplete_wrapper > ul > li[aria-selected="true"] {
                background-color: var(--light-color);
                color: var(--primary-color);
            }