.elementor-11 .elementor-element.elementor-element-d9e3d64{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:0100px;}.breadcrumb-wrap .breadcrumb-overlay, .elementor-page-11 .breadcrumb-wrap .breadcrumb-overlay{opacity:0.5;}@media(max-width:1366px){.elementor-11 .elementor-element.elementor-element-d9e3d64{--padding-top:0px;--padding-bottom:0px;--padding-left:70px;--padding-right:70px;}}@media(max-width:880px){.elementor-11 .elementor-element.elementor-element-d9e3d64{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}}/* Start custom CSS for shortcode, class: .elementor-element-c654513 *//* 1. Color NEGRO y Fuente Chakra Petch por defecto */
.elementor-11 .elementor-element.elementor-element-c654513 .woocommerce-MyAccount-navigation ul li a {
    color: #000000 !important;
    font-family: "Chakra Petch", sans-serif !important;
    font-size: 16px; /* Ajusta el tamaño si lo ves muy chico */
    text-transform: uppercase; /* Opcional: queda muy bien con esta fuente */
    transition: all 0.3s ease;
}

/* 2. Color ROJO cuando la sección está activa */
.elementor-11 .elementor-element.elementor-element-c654513 .woocommerce-MyAccount-navigation ul li.is-active a {
    color: #E21F1D !important;
    font-weight: 700; /* Para que resalte más el estilo Chakra */
}

/* 3. Color ROJO al pasar el mouse (Hover) */
.elementor-11 .elementor-element.elementor-element-c654513 .woocommerce-MyAccount-navigation ul li a:hover {
    color: #E21F1D !important;
}

/* Color de los iconos para que vayan a juego */
.elementor-11 .elementor-element.elementor-element-c654513 .woocommerce-MyAccount-navigation ul li i,
.elementor-11 .elementor-element.elementor-element-c654513 .woocommerce-MyAccount-navigation ul li.is-active i,
.elementor-11 .elementor-element.elementor-element-c654513 .woocommerce-MyAccount-navigation ul li a:hover i {
    color: inherit !important; /* Hereda el color del texto (negro o rojo) */
}/* End custom CSS */