.elementor-296 .elementor-element.elementor-element-2463f968{--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:flex-start;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:48px;--padding-bottom:96px;--padding-left:24px;--padding-right:24px;}.elementor-296 .elementor-element.elementor-element-2463f968:not(.elementor-motion-effects-element-type-background), .elementor-296 .elementor-element.elementor-element-2463f968 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#fdfbf7;}.elementor-296 .elementor-element.elementor-element-493cdf0f{--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:flex-start;--align-items:stretch;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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 );color:var( --e-global-color-primary );}.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:not(.is-active) a{background-color:rgba(0,0,0,0);}.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a:hover{background-color:#fdfbf7;}.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a{background-color:#1a2b4c;}.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row .input-text, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row select, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default, .select2-results__option, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab__payment-methods input[type=text]{background-color:#fdfbf7;}.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row .input-text:focus, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row select:focus, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default.select2-container--focus .select2-selection--single, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default.select2-container--focus, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab__payment-methods input[type=text]:focus{background-color:#ffffff;}.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button, .elementor-296 .elementor-element.elementor-element-284c4e74 #add_payment_method #payment #place_order{background-color:#b19cd9;}.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button:hover, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button:hover, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button:hover, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button:hover, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button:hover, .elementor-296 .elementor-element.elementor-element-284c4e74 #add_payment_method #payment #place_order:hover{background-color:#1a2b4c;}.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .shop_table .button, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .order-again .button, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-pagination .button, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom).e-my-account-tab__payment-methods .woocommerce-MyAccount-content-wrapper .button{background-color:rgba(0,0,0,0);}.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .shop_table .button:hover, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .order-again .button:hover, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-pagination .button:hover, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom).e-my-account-tab__payment-methods .woocommerce-MyAccount-content-wrapper .button:hover{background-color:rgba(0,0,0,0);}.elementor-296 .elementor-element.elementor-element-284c4e74{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--tabs-hover-color:var( --e-global-color-accent );--tabs-active-color:var( --e-global-color-accent );--tabs-border-radius:16px 16px 16px 16px;--tabs-padding:16px 44px 16px 22px;--section-title-spacing:18px;--general-text-color:#6b7280;--links-normal-color:#b19cd9;--links-hover-color:#1a2b4c;--forms-columns-gap-padding-right:calc( 20px/2 );--forms-columns-gap-padding-left:calc( 20px/2 );--forms-columns-gap-margin-left:calc( -20px/2 );--forms-columns-gap-margin-right:calc( -20px/2 );--forms-rows-gap:15px;--forms-fields-border-radius:14px 14px 14px 14px;--forms-fields-padding:13px 16px 13px 16px;--forms-buttons-border-radius:50px 50px 50px 50px;--tables-button-normal-text-color:#b19cd9;--tables-button-border-radius:999px 999px 999px 999px;--tables-button-padding:0px 0px 0px 0px;}.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{font-family:"Inter", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.15em;border-width:0px 0px 0px 0px;}.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h2, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h3{font-size:22px;}.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content > div > p, .elementor-296 .elementor-element.elementor-element-284c4e74 address, .elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-EditAccountForm fieldset legend, .elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-ResetPassword p:nth-child(1), .elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-OrderUpdate{font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;line-height:1.7em;}.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row .input-text:focus, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row select:focus, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default.select2-container--focus, .select2-results__option:focus, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab__payment-methods input[type=text]:focus{border-color:#b19cd9;}.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row .input-text, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row select, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab__payment-methods input[type=text]{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:calc( (13px*2) + 16px );padding-left:16px;padding-right:16px;}.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single .select2-selection__arrow{height:calc( (13px*2) + 16px );right:16px;}.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single{height:auto;}.elementor-296 .elementor-element.elementor-element-284c4e74 button.button, .elementor-296 .elementor-element.elementor-element-284c4e74 #add_payment_method #payment #place_order{font-family:"Inter", Sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.15em;}.elementor-296 .elementor-element.elementor-element-284c4e74 .shop_table .button, .elementor-296 .elementor-element.elementor-element-284c4e74 .order-again .button, .elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-pagination .button, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab__payment-methods .woocommerce-MyAccount-content-wrapper .button{font-family:"Inter", Sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.16em;}.elementor-296 .elementor-element.elementor-element-284c4e74 .shop_table .button:hover, .elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-pagination .button:hover, .elementor-296 .elementor-element.elementor-element-284c4e74 .order-again .button:hover, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab__payment-methods .woocommerce .woocommerce-MyAccount-content-wrapper .button:hover{color:#1a2b4c;}.elementor-296 .elementor-element.elementor-element-1301053f{--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:flex-start;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overflow:hidden;--border-radius:32px 32px 32px 32px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-296 .elementor-element.elementor-element-1301053f:not(.elementor-motion-effects-element-type-background), .elementor-296 .elementor-element.elementor-element-1301053f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#b19cd9;}.elementor-296 .elementor-element.elementor-element-1301053f.e-con{--align-self:center;}.elementor-296 .elementor-element.elementor-element-1768e639{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-296 .elementor-element.elementor-element-1768e639 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:30px;font-weight:500;line-height:1.2em;color:#ffffff;}.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 );}.elementor-296 .elementor-element.elementor-element-168f361e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-family:"Inter", Sans-serif;font-size:17px;font-weight:300;line-height:1.5em;color:rgba(255,255,255,0.85);}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-296 .elementor-element.elementor-element-69a53784 .elementor-button{background-color:#ffffff;font-family:"Inter", Sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:3px;fill:#1a2b4c;color:#1a2b4c;border-radius:999px 999px 999px 999px;padding:14px 24px 14px 24px;}.elementor-296 .elementor-element.elementor-element-69a53784 .elementor-button:hover, .elementor-296 .elementor-element.elementor-element-69a53784 .elementor-button:focus{background-color:#1a2b4c;color:#ffffff;}.elementor-296 .elementor-element.elementor-element-69a53784 .elementor-button:hover svg, .elementor-296 .elementor-element.elementor-element-69a53784 .elementor-button:focus svg{fill:#ffffff;}@media(max-width:1024px){.elementor-296 .elementor-element.elementor-element-2463f968{--padding-top:40px;--padding-bottom:72px;--padding-left:20px;--padding-right:20px;}.elementor-296 .elementor-element.elementor-element-493cdf0f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-296 .elementor-element.elementor-element-284c4e74{padding:0px 0px 0px 0px;--tabs-padding:15px 36px 15px 20px;--forms-columns-gap-padding-right:calc( 20px/2 );--forms-columns-gap-padding-left:calc( 20px/2 );--forms-columns-gap-margin-left:calc( -20px/2 );--forms-columns-gap-margin-right:calc( -20px/2 );--forms-rows-gap:24px;--forms-fields-padding:12px 15px 12px 15px;}.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{font-size:11px;}.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:calc( (12px*2) + 16px );padding-left:15px;padding-right:15px;}.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single .select2-selection__arrow{height:calc( (12px*2) + 16px );right:15px;}.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single{height:auto;}.elementor-296 .elementor-element.elementor-element-1301053f{--padding-top:30px;--padding-bottom:30px;--padding-left:28px;--padding-right:28px;}}@media(max-width:767px){.elementor-296 .elementor-element.elementor-element-2463f968{--padding-top:28px;--padding-bottom:52px;--padding-left:14px;--padding-right:14px;}.elementor-296 .elementor-element.elementor-element-493cdf0f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-296 .elementor-element.elementor-element-284c4e74{padding:0px 0px 0px 0px;--tabs-border-radius:14px 14px 14px 14px;--tabs-padding:14px 34px 14px 18px;--section-title-spacing:14px;--forms-columns-gap-padding-right:calc( 0px/2 );--forms-columns-gap-padding-left:calc( 0px/2 );--forms-columns-gap-margin-left:calc( -0px/2 );--forms-columns-gap-margin-right:calc( -0px/2 );--forms-rows-gap:20px;--forms-fields-border-radius:12px 12px 12px 12px;--forms-fields-padding:12px 14px 12px 14px;}.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{font-size:11px;letter-spacing:0.12em;}.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:calc( (12px*2) + 16px );padding-left:14px;padding-right:14px;}.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single .select2-selection__arrow{height:calc( (12px*2) + 16px );right:14px;}.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single{height:auto;}.elementor-296 .elementor-element.elementor-element-284c4e74 button.button, .elementor-296 .elementor-element.elementor-element-284c4e74 #add_payment_method #payment #place_order{font-size:10px;}.elementor-296 .elementor-element.elementor-element-284c4e74 .shop_table .button, .elementor-296 .elementor-element.elementor-element-284c4e74 .order-again .button, .elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-pagination .button, .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab__payment-methods .woocommerce-MyAccount-content-wrapper .button{font-size:10px;}.elementor-296 .elementor-element.elementor-element-1301053f{--width:100%;--border-radius:26px 26px 26px 26px;--padding-top:26px;--padding-bottom:26px;--padding-left:22px;--padding-right:22px;}.elementor-296 .elementor-element.elementor-element-168f361e{text-align:center;font-size:16px;}}@media(min-width:768px){.elementor-296 .elementor-element.elementor-element-493cdf0f{--content-width:1280px;}.elementor-296 .elementor-element.elementor-element-1301053f{--width:90%;}}@media(max-width:1024px) and (min-width:768px){.elementor-296 .elementor-element.elementor-element-1301053f{--width:90%;}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-284c4e74 *//* ═══════════════════════════════════════════════════════════════════════════
   MI CUENTA — CSS personalizado para el widget woocommerce-my-account
   ═══════════════════════════════════════════════════════════════════════════
   
   Este CSS corrige aspectos que no encontré como controles nativos en el panel:
   - Estructura interna de WooCommerce (clases .woocommerce-MyAccount-*)
   - Iconos del menú lateral (usan ::before con SVG embebido)
   - Layout de columnas de direcciones (WooCommerce las pone con float legacy)
   - Estados hover de filas de tablas
   - Comportamiento responsive específico de bloques WooCommerce
   - Card blanca del panel de contenido
   
   Todo lo demás (tipografías, colores generales, paddings de tabs, etc.) 
   se controla desde el panel de Elementor.
═══════════════════════════════════════════════════════════════════════════ */




/* ───────────────────────────────────────────────────────────────────────────
   2. LAYOUT GENERAL — MENÚ LATERAL + CONTENIDO
   ───────────────────────────────────────────────────────────────────────────
   El widget renderiza .woocommerce con menú dentro. Lo convertimos en flex
   para tener menú a la izquierda (320px) y contenido a la derecha (resto).
─────────────────────────────────────────────────────────────────────────── */
.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab,
.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab > .woocommerce,
.elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab .woocommerce,
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce {
    display: flex !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    align-items: flex-start !important;
}


/* ───────────────────────────────────────────────────────────────────────────
   3. CARD DEL MENÚ LATERAL (NAVIGATION)
   ───────────────────────────────────────────────────────────────────────────
   Apariencia tipo tarjeta blanca con sombra. Ancho fijo de 320px en desktop.
─────────────────────────────────────────────────────────────────────────── */
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-navigation {
    flex: 0 0 320px !important;
    max-width: 320px !important;
    margin: 0 !important;
    padding: 12px !important;
    background: #ffffff !important;
    border-radius: 2rem !important;
    border: 1px solid rgba(0, 0, 0, .04) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .05) !important;
}

/* Reset de la lista del menú */
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Cada enlace de menú en flex para alinear icono + texto */
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-navigation ul li a {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    gap: 14px !important;
}


/* ───────────────────────────────────────────────────────────────────────────
   4. ICONOS DEL MENÚ LATERAL
   ───────────────────────────────────────────────────────────────────────────
   WooCommerce no incluye iconos nativos para cada pestaña del menú, así que
   los inyecto como SVG embebido en ::before. Cada item tiene una clase 
   identificadora .woocommerce-MyAccount-navigation-link--<key>.
   
   Los SVG van inline (data URI) para no depender de ficheros externos.
   El color base de los iconos es gris #6b7280, cambia con hover y activo.
─────────────────────────────────────────────────────────────────────────── */
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-navigation ul li a::before {
    content: '' !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    transition: filter .3s !important;
}

/* Icono Escritorio (dashboard) — silueta de persona */
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>") !important;
}

/* Icono Pedidos (orders) — bolsa de compras */
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/><line x1='3' y1='6' x2='21' y2='6'/><path d='M16 10a4 4 0 0 1-8 0'/></svg>") !important;
}

/* Icono Direcciones (edit-address) — pin de ubicación */
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 10c0 7-8 13-8 13s-8-6-8-13a8 8 0 0 1 16 0z'/><circle cx='12' cy='10' r='3'/></svg>") !important;
}

/* Icono Detalles de cuenta (edit-account) — engranaje */
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='3'/><path d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'/></svg>") !important;
}

/* Icono Cerrar sesión (customer-logout) — flecha hacia fuera */
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/><polyline points='16 17 21 12 16 7'/><line x1='21' y1='12' x2='9' y2='12'/></svg>") !important;
}

/* Estados de los iconos: hover y activo */
/* Hover: filtro que cambia el gris por el azul oscuro del tema (#1a2b4c) */
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-navigation ul li:not(.is-active) a:hover::before {
    filter: brightness(0) saturate(100%) invert(13%) sepia(34%) saturate(1234%) hue-rotate(193deg) brightness(95%) contrast(96%) !important;
}

/* Activo: filtro que pone el icono en blanco */
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-navigation ul li.is-active a::before {
    filter: brightness(0) invert(1) !important;
}


/* ───────────────────────────────────────────────────────────────────────────
   5. CHEVRON DERECHO DEL MENÚ (FLECHA INDICADORA)
   ───────────────────────────────────────────────────────────────────────────
   Pequeña flecha en el lado derecho de cada item del menú. En reposo apunta
   a la derecha; en activo gira hacia abajo. Construida con bordes CSS rotados.
─────────────────────────────────────────────────────────────────────────── */
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-navigation ul li a::after {
    content: '' !important;
    position: absolute !important;
    right: 18px !important;
    top: 50% !important;
    width: 8px !important;
    height: 8px !important;
    border-right: 2px solid #9ca3af !important;
    border-top: 2px solid #9ca3af !important;
    transform: translateY(-50%) rotate(45deg) !important;
    transition: all .3s !important;
}

/* Hover del chevron: cambia a color azul oscuro */
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-navigation ul li:not(.is-active) a:hover::after {
    border-color: #1a2b4c !important;
}

/* Activo: chevron blanco apuntando hacia abajo */
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-navigation ul li.is-active a::after {
    border-color: #ffffff !important;
    transform: translateY(-65%) rotate(135deg) !important;
}




/* ───────────────────────────────────────────────────────────────────────────
   7. PANEL DE CONTENIDO (LADO DERECHO)
   ───────────────────────────────────────────────────────────────────────────
   Card blanca que envuelve todo el contenido derecho (Hola Drahcir, formularios,
   tablas, etc.). Por defecto WooCommerce no le aplica fondo ni padding.
─────────────────────────────────────────────────────────────────────────── */
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    margin-left: 56px !important;
    box-sizing: border-box !important;
    background-color: #ffffff !important;
    border-radius: 20px !important;
    padding: 20px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
}

/* El wrapper interno se anula porque ya estilamos el contenedor exterior */
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content-wrapper {
    width: 100% !important;
    max-width: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}


/* ───────────────────────────────────────────────────────────────────────────
   8. DIRECCIONES (BLOQUE EDIT-ADDRESS)
   ───────────────────────────────────────────────────────────────────────────
   Se mantiene el layout nativo para no romper las columnas, pero se 
   estilizan las tarjetas individuales y se limpia el mensaje de "vacío".
─────────────────────────────────────────────────────────────────────────── */

/* Card de cada dirección individual: ajustadas a su diseño crema */
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address,
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .col2-set.addresses .woocommerce-Address,
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .col2-set.addresses .col-1,
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .col2-set.addresses .col-2,
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .addresses .u-column1,
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .addresses .u-column2 {
    background: #fdfbf7 !important;
    border: 1px solid rgba(26, 43, 76, .08) !important;
    border-radius: 24px !important;
    padding: 36px 42px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    margin-top: 10px;
}

/* Cabecera de cada dirección: título + enlace "Añadir/Editar" alineados en columna */
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .woocommerce-Address-title,
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .woocommerce-Address > .title {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    float: none !important;
    position: static !important;
}

/* Encabezado h2/h3 del título de la dirección */
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .woocommerce-Address-title h2,
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .woocommerce-Address-title h3,
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .woocommerce-Address > .title h2,
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .woocommerce-Address > .title h3 {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
}

/* Enlace "Editar" o "Añadir": se saca de su posición flotante original */
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .woocommerce-Address-title .edit,
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .woocommerce-Address > .title .edit,
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .woocommerce-Address a.edit {
    position: static !important;
    float: none !important;
    clear: both !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* ───────────────────────────────────────────────────────────────────────────
   CORRECCIÓN DEL RECUADRO "AÚN NO HAS CONFIGURADO..."
   Reseteamos por completo la etiqueta <address> para quitar el borde,
   fondo y padding extra que el tema le inyecta por defecto.
─────────────────────────────────────────────────────────────────────────── */
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .woocommerce-Address address {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    font-style: normal !important; /* Evita que el texto salga en cursiva si el tema lo fuerza */
}




/* ───────────────────────────────────────────────────────────────────────────
   10. TABLAS DE PEDIDOS
   ───────────────────────────────────────────────────────────────────────────
   Estructura base + estados de hover en filas. El estilo visual general 
   (tipografía, colores, padding de celdas) se controla desde el panel.
─────────────────────────────────────────────────────────────────────────── */
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .woocommerce-orders-table,
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content table.shop_table.order_details,
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content table.shop_table.my_account_orders {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
}

/* Hover sobre las filas de la tabla: fondo crema sutil */
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr:hover td,
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content table.shop_table.my_account_orders tbody tr:hover td {
    background: rgba(253, 251, 247, .65) !important;
}

/* Número de pedido: enlace destacado en azul oscuro */
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a,
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content table.shop_table.my_account_orders .order-number a {
    color: #1a2b4c !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}


/* ───────────────────────────────────────────────────────────────────────────
   11. AVISOS DE WOOCOMMERCE (woocommerce-info)
   ───────────────────────────────────────────────────────────────────────────
   Mensajes informativos tipo "Aún no has realizado ningún pedido" + botón
   acción a la derecha. WooCommerce los maqueta con padding y posiciones 
   absolutas extrañas, lo paso a flex limpio.
─────────────────────────────────────────────────────────────────────────── */
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .woocommerce-info {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    margin: 0 !important;
}

/* El botón del aviso (típicamente "Ver tienda") se alinea a la derecha */
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .woocommerce-info .button,
.elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .woocommerce-info a.button {
    margin-left: auto !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════════════════ */


/* ───────────────────────────────────────────────────────────────────────────
   TABLET (hasta 1024px)
   ───────────────────────────────────────────────────────────────────────────
   El menú lateral se reduce un poco y el contenido se acerca.
─────────────────────────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-navigation {
        flex: 0 0 280px !important;
        max-width: 280px !important;
    }
    .elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content {
        margin-left: 36px !important;
    }
}


/* ───────────────────────────────────────────────────────────────────────────
   MÓVIL (hasta 767px)
   ───────────────────────────────────────────────────────────────────────────
   El layout pasa a columna: menú arriba ocupando todo el ancho, contenido 
   debajo. Las cards de direcciones reducen padding. Las tablas pasan a 
   scroll horizontal para no romper el layout.
─────────────────────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
    /* Stack vertical del widget completo */
    .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab,
    .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab > .woocommerce,
    .elementor-296 .elementor-element.elementor-element-284c4e74 .e-my-account-tab .woocommerce,
    .elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce {
        flex-direction: column !important;
    }

    /* Menú lateral: pasa a ocupar 100% arriba */
    .elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-navigation {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    /* Contenido: ya no necesita margen izquierdo, solo separación arriba */
    .elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content {
        margin-left: 0 !important;
        margin-top: 24px !important;
    }

    /* Restauramos las direcciones a una sola columna en móvil */
    .elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .woocommerce-Addresses,
    .elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .col2-set.addresses {
        flex-direction: column !important;
    }

    /* Cards de direcciones: 100% de ancho y padding más compacto */
    .elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address,
    .elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .col2-set.addresses .woocommerce-Address,
    .elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .col2-set.addresses .col-1,
    .elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .col2-set.addresses .col-2,
    .elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .addresses .u-column1,
    .elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .addresses .u-column2 {
        width: 100% !important;
        flex: 0 0 100% !important;
        padding: 22px !important;
    }

    /* Tablas de pedidos: scroll horizontal para no desbordar */
    .elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .woocommerce-orders-table,
    .elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content table.shop_table.my_account_orders {
        display: block !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
    }

    /* Formulario editar cuenta: campos de mitad ancho pasan a 100% */
    .elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row-first,
    .elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row-last {
        width: 100% !important;
        float: none !important;
    }

    /* Avisos WooCommerce: pasan a columna con botón centrado */
    .elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .woocommerce-info {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .woocommerce-info .button,
    .elementor-296 .elementor-element.elementor-element-284c4e74 .woocommerce-MyAccount-content .woocommerce-info a.button {
        margin-left: 0 !important;
        width: 100% !important;
        text-align: center !important;
    }
}/* End custom CSS */