.elementor-17 .elementor-element.elementor-element-78e5a79b{--display:flex;--padding-top:6%;--padding-bottom:4%;--padding-left:6%;--padding-right:6%;}.elementor-17 .elementor-element.elementor-element-78e5a79b:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-78e5a79b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3a5c65a );}.elementor-17 .elementor-element.elementor-element-78e5a79b > .elementor-shape-top .elementor-shape-fill, .elementor-17 .elementor-element.elementor-element-78e5a79b > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-2eb16e0 );}.elementor-17 .elementor-element.elementor-element-78e5a79b > .elementor-shape-top svg, .elementor-17 .elementor-element.elementor-element-78e5a79b > .e-con-inner > .elementor-shape-top svg{height:70px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-7a3d15b1 */.elementor-17 .elementor-element.elementor-element-7a3d15b1 a{
    color: white;
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78e5a79b *//* --- Estilos Generales para la Navegación --- */
.woocommerce-MyAccount-navigation {
    /* Define un color de fondo sutil para el contenedor */
    background-color: #f8f8f8; 
    border: 1px solid #eee;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
}

/* Reiniciar estilos de lista y padding */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; /* Opcional: para una disposición horizontal en desktop */
    flex-wrap: wrap; /* Permite que los elementos pasen a la siguiente línea */
}

/* Estilos de los elementos de la lista */
.woocommerce-MyAccount-navigation li {
    margin: 5px; /* Espacio entre los enlaces */
    flex-grow: 1; /* Permite que crezcan para llenar el espacio, ideal para desktop */
}

/* --- Estilos de los Enlaces (Links) --- */
.woocommerce-MyAccount-navigation a {
    display: block; /* Ocupa todo el espacio del li */
    padding: 10px 15px;
    text-decoration: none;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all 0.2s ease-in-out; /* Transición suave para efectos hover */
    text-align: center;
    font-weight: 500;
}

/* Efecto al pasar el ratón (Hover) */
.woocommerce-MyAccount-navigation a:hover {
    background-color: #e0e0e0;
    color: #000;
    border-color: #ccc;
}

/* --- Estilo para el Elemento Activo --- */
.woocommerce-MyAccount-navigation-link.is-active a {
    color: #fff; /* Texto blanco */
    background-color: #007bff; /* Un color primario (azul) */
    border-color: #007bff;
    font-weight: bold;
}

/* --- Adaptación para Móviles (Ejemplo de Media Query) --- */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation ul {
        flex-direction: column; /* Apila los enlaces verticalmente en móviles */
    }

    .woocommerce-MyAccount-navigation li {
        margin: 5px 0; /* Espacio solo arriba y abajo */
    }
}/* End custom CSS */