.elementor-8 .elementor-element.elementor-element-2820f771{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8 .elementor-element.elementor-element-4cce708{font-size:14px;font-weight:400;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8 .elementor-element.elementor-element-ecaaeb3{width:var( --container-widget-width, 95.011% );max-width:95.011%;--container-widget-width:95.011%;--container-widget-flex-grow:0;}.elementor-8 .elementor-element.elementor-element-ecaaeb3.elementor-element{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(max-width:1300px){.elementor-8 .elementor-element.elementor-element-ecaaeb3{width:var( --container-widget-width, 310.62px );max-width:310.62px;--container-widget-width:310.62px;--container-widget-flex-grow:0;}}/* Start custom CSS for text-editor, class: .elementor-element-63f0ade *//* --- ESTILO PARA LA PÁGINA [woocommerce_my_account] --- */

/* 1. LAYOUT PRINCIPAL (Panel de Navegación + Contenido) */
.elementor-8 .elementor-element.elementor-element-63f0ade .woocommerce-account {
    display: flex !important;
    flex-wrap: wrap;
    gap: 30px; /* Espacio entre navegación y contenido */
    align-items: flex-start;
}

/* 2. PANEL DE NAVEGACIÓN (Izquierda) */
.elementor-8 .elementor-element.elementor-element-63f0ade .woocommerce-MyAccount-navigation {
    flex: 1; /* Ocupa 1/3 del espacio */
    min-width: 220px;
    background-color: #f7f7f7;
    padding: 15px;
    border-radius: 8px;
}

.elementor-8 .elementor-element.elementor-element-63f0ade .woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.elementor-8 .elementor-element.elementor-element-63f0ade .woocommerce-MyAccount-navigation li {
    margin: 0;
}

.elementor-8 .elementor-element.elementor-element-63f0ade .woocommerce-MyAccount-navigation a {
    display: block;
    padding: 12px 15px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* 3. ESTILO DEL ENLACE ACTIVO (La página que estás viendo) */
.elementor-8 .elementor-element.elementor-element-63f0ade .woocommerce-MyAccount-navigation .is-active > a {
    background-color: #000000 !important; /* Fondo negro para el activo */
    color: #ffffff !important;
}

/* Efecto al pasar el ratón por encima de otros enlaces */
.elementor-8 .elementor-element.elementor-element-63f0ade .woocommerce-MyAccount-navigation a:hover {
    background-color: #e0e0e0;
}

/* 4. ÁREA DE CONTENIDO (Derecha) */
.elementor-8 .elementor-element.elementor-element-63f0ade .woocommerce-MyAccount-content {
    flex: 3; /* Ocupa 2/3 del espacio */
    min-width: 320px;
}

/* 5. ESTILOS GENERALES DEL CONTENIDO */
/* Mejorar la legibilidad de la tabla de pedidos */
.elementor-8 .elementor-element.elementor-element-63f0ade .woocommerce-orders-table th,
.elementor-8 .elementor-element.elementor-element-63f0ade .woocommerce-orders-table td {
    padding: 15px;
    vertical-align: middle;
}

/* Estilo para los botones dentro de "Mi Cuenta" */
.elementor-8 .elementor-element.elementor-element-63f0ade .woocommerce-MyAccount-content .button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 5px !important;
    padding: 10px 20px !important;
    text-decoration: none;
}/* End custom CSS */