/* HEADER */
.header.bg-blur {
    box-shadow: 6px 4px 30px rgba(42, 64, 151, 0.15);
}

.show-mv {
    display: none !important;

    @media screen and (max-width: 1024px) {
        display: initial !important;
    }
}

.menu-header {
    .current-menu-item {
        & > a {
            font-weight: 700 !important;
        }
    }

    .sub-menu {
        box-shadow: 0 0 100px rgba(0, 0, 0, 0.15);
        border-radius: 10px;
        overflow: hidden;

        .menu-item {
            & > a {
                &:hover {
                    color: var(--c-blanco) !important;
                    background: var(--deg-oscuro);
                }
            }
        }

        .current-menu-item {
            & > a {
                color: var(--c-blanco) !important;
                background: var(--deg-oscuro);
            }
        }
    }
    
    @media screen and (max-width: 1300px) {
        display: none !important;
    }
}

.link-menu {
    .ico-azul-fondo {
        .elementor-icon {
            padding: 10px;
        }

        p, p>span {
            color: var(--c-azul-oscuro) !important;
            transition: all 0.35s ease;
        }
    }

    &:hover {
        background: var(--deg-oscuro) !important;

        .ico-azul-fondo {
            p, p>span {
                color: var(--c-blanco) !important;
            }
        }
    }
}

.ico-menu-mv {
    display: none;

    @media screen and (max-width: 1300px) {
        display: initial;
    }
}

.menu-mv {
    .current-menu-item {
        & > a {
            font-weight: 700 !important;
        }
    }

    .gtranslate_wrapper {
        margin-left: 0;
        margin-top: 20px;
    }
}

/* IDIOMAS */
.menu-idiomas {
    & > div {
        display: flex;
        align-items: center;
        gap: 15px; 
        margin-left: 20px;

        a {
            padding: 0 !important;
            color: var(--c-negro);
        
            &:hover {
                color: var(--c-azul);
            }

            &.gt-current-lang {
                color: var(--c-azul-links);
            }

            &:first-child {
                &::after {
                    content: "";
                    position: absolute;
                    right: -9px;
                    top: 2px;
                    bottom: 0;
                    margin: auto;
                    width: 1px;
                    height: 15px;
                    background-color: var(--c-negro);
                }
            }
        }
    }

    @media screen and (max-width: 1300px) {
        margin-left: 0;
    }
}

/* BUSCADOR */
.buscador-header {
    #ajaxsearchlite1 {
        .probox {
            background-color: transparent;
            
            .proinput {
                background-color: var(--c-blanco);

                input[type="search"] {
                    color: var(--c-negro) !important;
                }
            }

            .promagnifier {
                background-color: var(--c-azul-links);

                svg path {
                    fill: var(--c-blanco) !important;
                }

                .innericon {
                    transition: all 0.35s ease;
                }
                
                &:hover {
                    .innericon {
                        background-color: var(--c-azul) !important;
                    }
                }
            }

            .proclose {
                svg {
                    fill: var(--c-blanco) !important;
                }
            }
        }
    }
}

#ajaxsearchliteres1 {
    border-radius: 10px !important;
    padding: 10px 5px 10px 10px;
    margin-top: 5px;

    .results {
        padding-right: 10px;

        &::-webkit-scrollbar {
            -webkit-appearance: none !important;
            width: 4px !important;
        }

        &::-webkit-scrollbar-thumb {
            background: var(--c-azul) !important;
        }

        &::-webkit-scrollbar-track {
            background: var(--c-lila) !important;
        }

        .resdrg {
            .item {
                border-radius: 10px !important;
                padding: 10px;
                margin-bottom: 5px;
                border: 1px solid var(--c-lila);
            
                a {
                    &:hover {
                        color: var(--c-azul-links);
                    }
                }
            }
        }
    }
}

@media screen and (max-width: 1300px) {
    .div-btn-header {
        width: fit-content !important;
    }
}