.elementor-2644 .elementor-element.elementor-element-5c54122{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2644 .elementor-element.elementor-element-29c55bd{--display:flex;--margin-top:40px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2644 .elementor-element.elementor-element-ee66e4d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 10px 0px 10px;}@media(max-width:767px){.elementor-2644 .elementor-element.elementor-element-ee66e4d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 10px 0px 10px;}}/* Start custom CSS for nav-menu, class: .elementor-element-6707dc7 *//* =======================================================
   MENÚ PILLS SLIDER (Horizontal Scroll sin saltos de línea)
   ======================================================= */

/* 1. Transformar el contenedor en un Slider Horizontal táctil */
.elementor-2644 .elementor-element.elementor-element-6707dc7 .elementor-nav-menu--main .elementor-nav-menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 10px !important;
    padding: 8px 4px !important;
    -webkit-overflow-scrolling: touch; /* Desplazamiento fluido en iPhone */
    scrollbar-width: none; /* Oculta la barra en Firefox */
}

/* Ocultar barra de scroll visual en Chrome, Safari y Edge */
.elementor-2644 .elementor-element.elementor-element-6707dc7 .elementor-nav-menu--main .elementor-nav-menu::-webkit-scrollbar {
    display: none !important;
}

/* 2. Estructura de la Píldora (Pills base) */
.elementor-2644 .elementor-element.elementor-element-6707dc7 .elementor-nav-menu--main a.elementor-item {
    padding: 10px 24px !important;
    border-radius: 50px !important;
    background-color: #FFFFFF !important;
    color: #555555 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    white-space: nowrap !important; /* Evita que el texto de un botón se rompa en dos líneas */
    border: 1px solid #E5E7EB !important;
    transition: all 0.25s ease !important;
}

/* Fulminar la animación nativa inferior (pointer-underline) de Elementor */
.elementor-2644 .elementor-element.elementor-element-6707dc7 .elementor-nav-menu--main .elementor-item:before,
.elementor-2644 .elementor-element.elementor-element-6707dc7 .elementor-nav-menu--main .elementor-item:after {
    display: none !important;
}

/* 3. Estado HOVER (Gris suave) */
.elementor-2644 .elementor-element.elementor-element-6707dc7 .elementor-nav-menu--main a.elementor-item:hover {
    background-color: #F0F0F0 !important;
    color: #111111 !important;
    border-color: #D1D5DB !important;
    transform: translateY(-1px);
}

/* 4. Estado ACTIVO (Botón seleccionado en Negro absoluto) */
.elementor-2644 .elementor-element.elementor-element-6707dc7 .elementor-nav-menu--main .current-menu-item a.elementor-item,
.elementor-2644 .elementor-element.elementor-element-6707dc7 .elementor-nav-menu--main .current-menu-ancestor a.elementor-item,
.elementor-2644 .elementor-element.elementor-element-6707dc7 .elementor-nav-menu--main a.elementor-item.elementor-item-active {
    background-color: #111111 !important;
    color: #FFFFFF !important;
    border-color: #111111 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}/* End custom CSS */