/*SUBMENÚ CENTROS PC*/
#menu-1-4b05d273 .menu-centros>.sub-menu,
#menu-1-86ebd98 .menu-centros>.sub-menu,
#menu-1-c8e37a2 .menu-centros>.sub-menu {
    display: none !important;
    gap: 20px;
    height: fit-content;
    width: 60vw ;
    left: -39vw ;
    padding: 20px;
    border-radius: 15px;
}

#menu-1-4b05d273 .menu-centros:hover>.sub-menu,
#menu-1-86ebd98 .menu-centros:hover>.sub-menu,
#menu-1-c8e37a2 .menu-centros:hover>.sub-menu {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    height: fit-content;
    width: 60vw ;
    left: -39vw ;
    padding: 20px;
    border-radius: 15px;
}

#menu-1-4b05d273 .menu-centros .menu-item,
#menu-1-86ebd98 .menu-centros .menu-item,
#menu-1-c8e37a2 .menu-centros .menu-item {
    /* padding-left: 80px; */
    height: 80px;
    /* width: 25%; */
}

#menu-1-4b05d273 .menu-centros .menu-item a,
#menu-1-86ebd98 .menu-centros .menu-item a,
#menu-1-c8e37a2 .menu-centros .menu-item a,
.menu-centros .menu-item a {
    padding-left: 80px;
    font-weight: 400;
    text-wrap: wrap !important;
    line-height: 1.2em;
    background: transparent !important;
}

#menu-1-4b05d273 .menu-centros .menu-item:hover a,
#menu-1-86ebd98 .menu-centros .menu-item:hover a,
#menu-1-c8e37a2 .menu-centros .menu-item:hover a {
    color: var(--c-primario-oscuro);
}

#menu-1-4b05d273 .menu-centros .menu-item::after,
#menu-1-86ebd98 .menu-centros .menu-item::after,
#menu-1-c8e37a2 .menu-centros .menu-item::after {
    position: absolute;
    top: 55px;
    font-size: 12px;
    left: 90px;
    font-family: 'Roboto';
}

#menu-1-4b05d273 .menu-centros .menu-item::after {
    content: 'Más info +';
}

#menu-1-c8e37a2 .menu-centros .menu-item::after {
    content: 'Mès info +';
}

#menu-1-86ebd98 .menu-centros .menu-item::after {
    content: 'More info +';
}

#menu-1-4b05d273 .menu-centros .menu-item::before,
#menu-1-86ebd98 .menu-centros .menu-item::before,
#menu-1-c8e37a2 .menu-centros .menu-item::before {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    left: 0;
}

#menu-1-4b05d273 .menu-centros .menu-teknon::before,
#menu-1-86ebd98 .menu-centros .menu-teknon::before,
#menu-1-c8e37a2 .menu-centros .menu-teknon::before {
    background: url(/wp-content/uploads/2024/08/fachada-clinica-teknon.webp);
    background-size: cover;
    background-repeat: no-repeat;
}

#menu-1-4b05d273 .menu-centros .menu-muntaner::before,
#menu-1-86ebd98 .menu-centros .menu-muntaner::before,
#menu-1-c8e37a2 .menu-centros .menu-muntaner::before {
    background: url(/wp-content/uploads/2024/08/IMG_4848-scaled-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

#menu-1-4b05d273 .menu-centros .menu-am::before,
#menu-1-86ebd98 .menu-centros .menu-am::before,
#menu-1-c8e37a2 .menu-centros .menu-am::before {
    background: url(/wp-content/uploads/2024/08/andrologia-mallorca.webp);
    background-size: cover;
    background-repeat: no-repeat;
}

#menu-1-4b05d273 .menu-centros .menu-cozar::before,
#menu-1-86ebd98 .menu-centros .menu-cozar::before,
#menu-1-c8e37a2 .menu-centros .menu-cozar::before {
    background: url(/wp-content/uploads/2024/08/valencia-3.webp);
    background-size: cover;
    background-repeat: no-repeat;
}

#menu-1-4b05d273 .menu-centros .menu-vital::before,
#menu-1-86ebd98 .menu-centros .menu-vital::before,
#menu-1-c8e37a2 .menu-centros .menu-vital::before {
    background: url(/wp-content/uploads/2025/10/andrologia-valencia-vital.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
}

#menu-1-4b05d273 .menu-centros .menu-mal::before,
#menu-1-86ebd98 .menu-centros .menu-mal::before,
#menu-1-c8e37a2 .menu-centros .menu-mal::before {
    background: url(/wp-content/uploads/2025/06/Consulta-urologo-Andrologia-Malaga-1024x576-1.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
}

#menu-1-4b05d273 .menu-centros .menu-taus::before,
#menu-1-86ebd98 .menu-centros .menu-taus::before,
#menu-1-c8e37a2 .menu-centros .menu-taus::before {
    background: url(/wp-content/uploads/2024/08/centros-taus.webp);
    background-size: cover;
    background-repeat: no-repeat;
}

#menu-1-4b05d273 .menu-centros .menu-menorca::before,
#menu-1-86ebd98 .menu-centros .menu-menorca::before,
#menu-1-c8e37a2 .menu-centros .menu-menorca::before {
    background: url(/wp-content/uploads/2026/04/Recepcion-Andrologia-Menorca.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
}

#menu-1-4b05d273 .menu-centros .menu-murcia::before,
#menu-1-86ebd98 .menu-centros .menu-murcia::before,
#menu-1-c8e37a2 .menu-centros .menu-murcia::before {
    background: url(/wp-content/uploads/2026/05/andrologia-murcia-portada.png);
    background-size: cover;
    background-repeat: no-repeat;
}


.menu-item.clickable {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.menu-item.clickable a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
    z-index: 1;
    pointer-events: auto;
}

header #menu-1-4b05d273 .menu-item.clickable>a:before,
header #menu-1-86ebd98 .menu-item.clickable>a:before,
header #menu-1-c8e37a2 .menu-item.clickable>a:before {
    content: "";
    background: linear-gradient(75deg, var(--c-primario) 0%, var(--c-primario-oscuro) 70%) !important;
    position: absolute;
    bottom: 0;
    left: initial;
    margin: auto;
    width: 0;
    height: 2px;
    z-index: -1;
    transition: all .35s ease;
}

header #menu-1-4b05d273 .menu-item.clickable>a:hover:before,
header #menu-1-86ebd98 .menu-item.clickable>a:hover:before,
header #menu-1-c8e37a2 .menu-item.clickable>a:hover:before {
    width: calc(100% - 80px);
    left: initial;
}

header #menu-1-4b05d273 .menu-centros .current-menu-item>a::before,
header #menu-1-86ebd98 .menu-centros .current-menu-item>a::before,
header #menu-1-c8e37a2 .menu-centros .current-menu-item>a::before {
    opacity: 0;
}

header #menu-1-4b05d273 .menu-centros .current-menu-item,
header #menu-1-86ebd98 .menu-centros .current-menu-item,
header #menu-1-c8e37a2 .menu-centros .current-menu-item {
    background: linear-gradient(75deg, var(--c-primario) 0%, var(--c-primario-oscuro) 70%);
    border-radius: 200px;
}

header #menu-1-4b05d273 .menu-centros .current-menu-item a,
header #menu-1-4b05d273 .menu-centros .current-menu-item a:hover,
header #menu-1-4b05d273 .menu-centros .current-menu-item::after,
header #menu-1-86ebd98 .menu-centros .current-menu-item a,
header #menu-1-86ebd98 .menu-centros .current-menu-item a:hover,
header #menu-1-86ebd98 .menu-centros .current-menu-item::after,
header #menu-1-c8e37a2 .menu-centros .current-menu-item a,
header #menu-1-c8e37a2 .menu-centros .current-menu-item a:hover,
header #menu-1-c8e37a2 .menu-centros .current-menu-item::after,
.menu-centros .current-menu-item a {
    color: var(--c-blanco);
}

/* MENÚ OFFIMEDIC */
header #menu-1-4b05d273 .menu-offimedic>a,
header #menu-1-c8e37a2 .menu-offimedic>a,
header #menu-1-86ebd98 .menu-offimedic>a {
    color: var(--c-primario-oscuro);
}

header #menu-1-4b05d273 .menu-offimedic>a:hover,
header #menu-1-c8e37a2 .menu-offimedic>a:hover,
header #menu-1-86ebd98 .menu-offimedic>a:hover {
    color: var(--c-primario);
}

@media screen and (min-width: 2000px) {
    #menu-1-4b05d273 .menu-centros>.sub-menu,
    #menu-1-86ebd98 .menu-centros>.sub-menu,
    #menu-1-c8e37a2 .menu-centros>.sub-menu {
        width: 52vw !important;
        left: -33vw !important;
    }
}

@media screen and (max-width: 2000px) {
    #menu-1-4b05d273 .menu-centros>.sub-menu,
    #menu-1-86ebd98 .menu-centros>.sub-menu,
    #menu-1-c8e37a2 .menu-centros>.sub-menu {
        width: 60vw !important;
        left: -37vw !important;
    }
}

@media screen and (max-width: 1800px) {
    #menu-1-4b05d273 .menu-centros .menu-item a,
    #menu-1-86ebd98 .menu-centros .menu-item a,
    #menu-1-c8e37a2 .menu-centros .menu-item a {
        padding-top: 10px;
    }
}

@media screen and (max-width: 1500px) {
    #menu-1-4b05d273 .menu-centros>.sub-menu,
    #menu-1-86ebd98 .menu-centros>.sub-menu,
    #menu-1-c8e37a2 .menu-centros>.sub-menu {
        width: 80vw !important;
        left: -50vw !important;
    }
}

@media screen and (max-width: 1280px) {
    #menu-1-4b05d273 .menu-centros>.sub-menu,
    #menu-1-86ebd98 .menu-centros>.sub-menu,
    #menu-1-c8e37a2 .menu-centros>.sub-menu {
        width: 98vw !important;
        left: -66vw !important;
    }
}

@media screen and (max-width: 1200px) {
    #menu-1-4b05d273 .menu-centros>.sub-menu,
    #menu-1-86ebd98 .menu-centros>.sub-menu,
    #menu-1-c8e37a2 .menu-centros>.sub-menu {
        left: -52vw !important;
    }
}

@media screen and (max-width: 1024px) {
    #menu-2-4b05d273 .menu-centros .sub-menu,
    #menu-1-86ebd98 .menu-centros>.sub-menu,
    #menu-1-c8e37a2 .menu-centros>.sub-menu,
    .menu-centros>.sub-menu {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
    }

    #menu-2-4b05d273 .menu-centros .sub-menu li,
    #menu-1-86ebd98 .menu-centros>.sub-menu li,
    #menu-1-c8e37a2 .menu-centros>.sub-menu li,
    .menu-centros>.sub-menu li {
        float: none;
        width: 100%;
        clear: both;
        text-align: left;
        height: 40px;
    }

    #menu-2-5b05d273 .menu-centros .sub-menu .menu-item a,
    #menu-1-86ebd98 .menu-centros>.sub-menu .menu-item a,
    #menu-1-c8e37a2 .menu-centros>.sub-menu .menu-item a,
    .menu-centros>.sub-menu .menu-item a {
        text-transform: initial;
        font-size: 15px;
        letter-spacing: 0.1px;
        transition: all 0.35s ease;
        display: initial;
    }

    #menu-2-5b05d273 .menu-centros .sub-menu .menu-item>a::before,
    #menu-1-86ebd98 .menu-centros>.sub-menu .menu-item a::before,
    #menu-1-c8e37a2 .menu-centros>.sub-menu .menu-item a::before {
        content: "";
        background: var(--deg-verde);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: -1;
        transition: all 0.35s ease;
    }

    #menu-2-5b05d273 .menu-centros .sub-menu .menu-item a:hover, 
    #menu-2-5b05d273 .menu-centros .sub-menu .current-menu-item a, 
    #menu-2-5b05d273 .menu-centros .sub-menu .current-menu-item a:hover,
    #menu-2-d327b24 .menu-centros .sub-menu .menu-item a:hover, 
    #menu-2-d327b24 .menu-centros .sub-menu .current-menu-item a, 
    #menu-2-d327b24 .menu-centros .sub-menu .current-menu-item a:hover,
    #menu-2-a9f3fd0 .menu-centros .sub-menu .menu-item a:hover, 
    #menu-2-a9f3fd0 .menu-centros .sub-menu .current-menu-item a, 
    #menu-2-a9f3fd0 .menu-centros .sub-menu .current-menu-item a:hover {
        color: var(--c-primario);
        background-color: #ededed !important;
        transition: all 0.35s ease;
    }

    #menu-1-4b05d273 .menu-centros .menu-item a,
    #menu-1-86ebd98 .menu-centros .menu-item a,
    #menu-1-c8e37a2 .menu-centros .menu-item a,
    .menu-centros .menu-item a {
        padding-left: 20px;
    }

    #menu-1-4b05d273 .menu-centros .menu-item,
    #menu-1-86ebd98 .menu-centros .menu-item,
    #menu-1-c8e37a2 .menu-centros .menu-item,
    .menu-centros .menu-item {
        margin-bottom: -4px;
    }
}

@media screen and (max-width: 1164px) {
    #menu-1-4b05d273 .menu-centros>.sub-menu,
    #menu-1-86ebd98 .menu-centros>.sub-menu,
    #menu-1-c8e37a2 .menu-centros>.sub-menu {

        left: -63vw !important;
    }
}

@media (min-width: 1025px) and (max-width: 1068px) {
  .elementor-nav-menu--main > ul > li > a {
    padding: 13px 17px !important;
  }
}
