.elementor-679 .elementor-element.elementor-element-3f18eabd{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}/* Start custom CSS for global, class: .elementor-global-2913 *//* =======================================================
   MENÚ PILLS SLIDER (Horizontal Scroll sin saltos de línea)
   ======================================================= */

/* 1. Transformar el contenedor en un Slider Horizontal táctil */
.elementor-679 .elementor-element.elementor-global-2913 .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-679 .elementor-element.elementor-global-2913 .elementor-nav-menu--main .elementor-nav-menu::-webkit-scrollbar {
    display: none !important;
}

/* 2. Estructura de la Píldora (Pills base) */
.elementor-679 .elementor-element.elementor-global-2913 .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-679 .elementor-element.elementor-global-2913 .elementor-nav-menu--main .elementor-item:before,
.elementor-679 .elementor-element.elementor-global-2913 .elementor-nav-menu--main .elementor-item:after {
    display: none !important;
}

/* 3. Estado HOVER (Gris suave) */
.elementor-679 .elementor-element.elementor-global-2913 .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-679 .elementor-element.elementor-global-2913 .elementor-nav-menu--main .current-menu-item a.elementor-item,
.elementor-679 .elementor-element.elementor-global-2913 .elementor-nav-menu--main .current-menu-ancestor a.elementor-item,
.elementor-679 .elementor-element.elementor-global-2913 .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 */