.elementor-137 .elementor-element.elementor-element-2984a2d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-137 .elementor-element.elementor-element-2792bc2{padding:40px 0px 40px 0px;}.elementor-137 .elementor-element.elementor-element-2792bc2 .elementor-heading-title{font-family:"Playfair", Sans-serif;font-size:35px;font-weight:600;color:var( --e-global-color-primary );}.elementor-137 .elementor-element.elementor-element-3395f4fd{--display:flex;--padding-top:0px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-137 .elementor-element.elementor-element-76756028{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;color:var( --e-global-color-secondary );}.elementor-137 .elementor-element.elementor-element-76756028 a{color:var( --e-global-color-primary );}body.elementor-page-137{padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-137 .elementor-element.elementor-element-2984a2d{--content-width:1260px;}.elementor-137 .elementor-element.elementor-element-3395f4fd{--content-width:1260px;}}/* Start custom CSS *//* 1. Eliminar puntos y resetear el contenedor del menú */
.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* 2. Ajustar el espacio entre los items (li) */
.woocommerce-MyAccount-navigation ul li {
    margin: 0 !important; /* Eliminamos el margen externo que causa el gran espacio */
    padding: 0 !important;
    border-bottom: 1px solid #f0f0f0; /* Línea divisoria sutil opcional */
}

/* 3. Estilizar los enlaces para que sean compactos */
.woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 10px 0 !important; /* Controla aquí qué tan juntos quieres los nombres */
    color: #1A1B73 !important; /* Tu color azul exacto */
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease-in-out;
}

/* 4. Efecto al pasar el ratón (Hover) */
.woocommerce-MyAccount-navigation ul li a:hover {
    padding-left: 5px !important; /* Pequeño movimiento a la derecha */
    color: #000 !important;
}

/* 5. Estilo para el item activo */
.woocommerce-MyAccount-navigation ul li.is-active a {
    color: #000 !important;
    border-left: 3px solid #1A1B73; /* Indicador lateral de sección actual */
    padding-left: 10px !important;
}/* End custom CSS */