.elementor-kit-13{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-13 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ELIMINA LAS BARRAS ROJAS Y EL TRIÁNGULO DEL ACTIVE/HOVER (MÁXIMA FUERZA) */

/* 1. Raya Roja (4px, Centrada, Hover) - Código final unificado */
.elementor-nav-menu li a {
    position: relative;
    padding-left: 7px !important; /* Mantiene la raya pegada al texto */
    transition: all 0.3s ease;
}

.elementor-nav-menu li a::before {
    content: "";
    position: absolute;
    top: 29%; 
    left: 0; 
    transform: translate(0, -60%); /* Ajuste fino de centrado */
    
    height: 1.2em; /* Altura del texto */
    width: 3px; /* GROSOR FORZADO A 4PX */
    background-color: transparent; 
    transition: background-color 0.3s ease;
}

/* 2. FUERZA: Muestra la raya al pasar el cursor (HOVER) */
.elementor-nav-menu li a:hover::before {
    background-color: #E31919 !important; /* ROJO CORPORATIVO FORZADO */
}

/* 3. FUERZA: Anula la raya permanente y el color del submenú en el item activo */
.elementor-nav-menu li.current-menu-item a::before,
.elementor-nav-menu li.current-menu-item:hover a::before {
    background-color: transparent !important; 
}

/* 4. FUERZA: Pinta el Triángulo de Submenú de Rojo al Hover */
.elementor-nav-menu--main .menu-item-has-children > a:hover:after,
.elementor-nav-menu--main .menu-item-has-children.elementor-active > a:after {
    color: #E31919 !important; /* ROJO CORPORATIVO FORZADO EN EL TRIÁNGULO */
}/* End custom CSS */