.elementor-9 .elementor-element.elementor-element-16296d2{--display:flex;--min-height:800px;--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;--padding-top:60px;--padding-bottom:100px;--padding-left:80px;--padding-right:80px;}.elementor-9 .elementor-element.elementor-element-16296d2:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-16296d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#131615;}.elementor-9 .elementor-element.elementor-element-d377364{--display:flex;}.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-9 .elementor-element.elementor-element-8d0d020 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-8d0d020{text-align:center;}.elementor-9 .elementor-element.elementor-element-8d0d020 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:600;color:var( --e-global-color-accent );}.elementor-9 .elementor-element.elementor-element-fe6b288{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-ad9d9b7{--display:flex;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-9 .elementor-element.elementor-element-ddbac4e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-icon i{color:#00FFC9;transition:color 0.3s;}.elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-icon svg{fill:#00FFC9;transition:fill 0.3s;}.elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-ddbac4e{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-icon{padding-inline-end:5px;}.elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;}.elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-text{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-item:hover .elementor-icon-list-text{color:#00FFC9;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-9 .elementor-element.elementor-element-13d18a1{--divider-border-style:solid;--divider-color:#91919170;--divider-border-width:1px;}.elementor-9 .elementor-element.elementor-element-13d18a1 > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 55px 25px 55px;}.elementor-9 .elementor-element.elementor-element-13d18a1 .elementor-divider-separator{width:100%;}.elementor-9 .elementor-element.elementor-element-13d18a1 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-9 .elementor-element.elementor-element-e206a81{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:50px;}.elementor-9 .elementor-element.elementor-element-d9c20bf .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:not(.is-active) a{background-color:#00FFC900;}.elementor-9 .elementor-element.elementor-element-d9c20bf .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button, .elementor-9 .elementor-element.elementor-element-d9c20bf .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button, .elementor-9 .elementor-element.elementor-element-d9c20bf .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button, .elementor-9 .elementor-element.elementor-element-d9c20bf .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button, .elementor-9 .elementor-element.elementor-element-d9c20bf .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button, .elementor-9 .elementor-element.elementor-element-d9c20bf #add_payment_method #payment #place_order{background-color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-d9c20bf .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button:hover, .elementor-9 .elementor-element.elementor-element-d9c20bf .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button:hover, .elementor-9 .elementor-element.elementor-element-d9c20bf .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button:hover, .elementor-9 .elementor-element.elementor-element-d9c20bf .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button:hover, .elementor-9 .elementor-element.elementor-element-d9c20bf .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button:hover, .elementor-9 .elementor-element.elementor-element-d9c20bf #add_payment_method #payment #place_order:hover{background-color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-d9c20bf .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .shop_table .button, .elementor-9 .elementor-element.elementor-element-d9c20bf .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .order-again .button, .elementor-9 .elementor-element.elementor-element-d9c20bf .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-pagination .button, .elementor-9 .elementor-element.elementor-element-d9c20bf .e-my-account-tab:not(.e-my-account-tab__dashboard--custom).e-my-account-tab__payment-methods .woocommerce-MyAccount-content-wrapper .button{background-color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-d9c20bf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:30px 40px 30px 0px;border-radius:15px 15px 15px 15px;box-shadow:0px 0px 5px 0px #00F3C5;}.elementor-9 .elementor-element.elementor-element-d9c20bf.elementor-element{--align-self:center;}.elementor-9 .elementor-element.elementor-element-d9c20bf{--tabs-alignment:center;--tabs-normal-color:var( --e-global-color-primary );--tabs-border-type:solid;--tabs-border-color:var( --e-global-color-primary );--tabs-border-radius:15px 15px 15px 15px;--tabs-padding:0px 0px 0px 0px;--tabs-spacing:9px;--tabs-divider-weight:0px;--sections-background-color:#0F0F0F00;--sections-border-type:none;--sections-border-radius:15px 15px 15px 15px;--sections-padding:25px 25px 25px 25px;--edit-link-margin-top:25px;--edit-link-margin-start:25px;--typography-section-titles-color:var( --e-global-color-accent );--general-text-color:var( --e-global-color-accent );--login-messages-color:var( --e-global-color-accent );--checkboxes-color:var( --e-global-color-accent );--payment-methods-radio-buttons-color:var( --e-global-color-primary );--links-normal-color:#009E7D;--forms-columns-gap-padding-right:calc( 2px/2 );--forms-columns-gap-padding-left:calc( 2px/2 );--forms-columns-gap-margin-left:calc( -2px/2 );--forms-columns-gap-margin-right:calc( -2px/2 );--forms-rows-gap:2px;--forms-labels-color:var( --e-global-color-accent );--forms-label-spacing:2px;--forms-fields-normal-color:#004430;--forms-fields-padding:20px 20px 20px 20px;--forms-buttons-normal-text-color:var( --e-global-color-text );--forms-buttons-hover-text-color:var( --e-global-color-text );--forms-buttons-padding:15px 15px 15px 15px;--tables-title-color:var( --e-global-color-accent );--tables-items-color:var( --e-global-color-primary );--variations-color:var( --e-global-color-primary );--tables-links-normal-color:var( --e-global-color-accent );--tables-divider-border-type:solid;--tables-divider-border-width:1px;--tables-divider-border-color:#FFFFFF3D;--tables-button-normal-text-color:var( --e-global-color-text );--tables-buttons-border-type:none;--tables-button-padding:10px 15px 10px 15px;}.elementor-9 .elementor-element.elementor-element-d9c20bf .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{border-width:1px 1px 1px 1px;}.elementor-9 .elementor-element.elementor-element-d9c20bf .e-my-account-tab__edit-address .woocommerce-Address address{padding-top:calc( 25px + 40px );}.elementor-9 .elementor-element.elementor-element-d9c20bf .woocommerce-pagination{padding-bottom:25px;}.elementor-9 .elementor-element.elementor-element-d9c20bf .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h2, .elementor-9 .elementor-element.elementor-element-d9c20bf .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h3{font-family:"Montserrat", Sans-serif;}.e-woo-select2-wrapper .select2-results__option{color:#004430;}.elementor-9 .elementor-element.elementor-element-d9c20bf .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#004430 transparent transparent transparent;}.elementor-9 .elementor-element.elementor-element-d9c20bf .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:calc( (20px*2) + 16px );padding-left:20px;padding-right:20px;}.elementor-9 .elementor-element.elementor-element-d9c20bf .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single .select2-selection__arrow{height:calc( (20px*2) + 16px );right:20px;}.elementor-9 .elementor-element.elementor-element-d9c20bf .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .select2-container--default .select2-selection--single{height:auto;}.elementor-9 .elementor-element.elementor-element-e92325e{--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;--padding-top:25px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9 .elementor-element.elementor-element-e92325e:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-e92325e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#131615;}.elementor-9 .elementor-element.elementor-element-ea05e24{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-4103c2b{--display:flex;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.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-9 .elementor-element.elementor-element-e7a1b4e{text-align:center;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-e7a1b4e p{margin-block-end:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-item > a{line-height:2em;}.elementor-9 .elementor-element.elementor-element-e206a81{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-d9c20bf > .elementor-widget-container{padding:25px 25px 25px 25px;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-16296d2{--padding-top:80px;--padding-bottom:100px;--padding-left:25px;--padding-right:25px;}.elementor-9 .elementor-element.elementor-element-ddbac4e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(35px/2);}.elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(35px/2);}.elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(35px/2);}.elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-35px/2);}.elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-35px/2);}.elementor-9 .elementor-element.elementor-element-ddbac4e{--e-icon-list-icon-size:17px;--icon-vertical-offset:0px;}.elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9 .elementor-element.elementor-element-ddbac4e .elementor-icon-list-item > a{font-size:18px;line-height:2em;}.elementor-9 .elementor-element.elementor-element-d9c20bf > .elementor-widget-container{padding:15px 15px 15px 15px;}.elementor-9 .elementor-element.elementor-element-d9c20bf{--sections-padding:15px 15px 15px 15px;--edit-link-margin-top:15px;--edit-link-margin-start:15px;}.elementor-9 .elementor-element.elementor-element-d9c20bf .e-my-account-tab__edit-address .woocommerce-Address address{padding-top:calc( 15px + 40px );}.elementor-9 .elementor-element.elementor-element-d9c20bf .woocommerce-pagination{padding-bottom:15px;}.elementor-9 .elementor-element.elementor-element-e92325e{--padding-top:25px;--padding-bottom:80px;--padding-left:25px;--padding-right:25px;}.elementor-9 .elementor-element.elementor-element-4103c2b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-e7a1b4e{text-align:start;}}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-fe6b288{--content-width:1150px;}.elementor-9 .elementor-element.elementor-element-ad9d9b7{--width:100%;}.elementor-9 .elementor-element.elementor-element-e206a81{--width:100%;}}/* Start custom CSS for icon-list, class: .elementor-element-ddbac4e *//* Hover */
.elementor-icon-list-item a:hover .elementor-icon-list-icon i,
.elementor-icon-list-item a:hover .elementor-icon-list-text,
.elementor-icon-list-item a:hover svg {
    color: #00FFC9 !important;
    fill: #00FFC9 !important;
}

/* Activo */
.elementor-icon-list-item.is-active .elementor-icon-list-icon i,
.elementor-icon-list-item.is-active .elementor-icon-list-text,
.elementor-icon-list-item.is-active svg {
    color: #00FFC9 !important;
    fill: #00FFC9 !important;
}

/* 1. Contenedor General (opcional, para dar estructura) */
.elementor-widget-icon-list {
    background-color: #131615;
    padding: 0px;
}

/* 2. Estilo base del ítem (Efecto Botón SaaS Dark) */
.elementor-icon-list-item {
    margin-bottom: 2px !important;
    background-color: rgba(255, 255, 255, 0.03); /* Fondo casi invisible */
    border: 1px solid rgba(255, 255, 255, 0.05); /* Borde muy sutil */
    border-radius: 12px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* 3. Ajuste del enlace y espaciado */
.elementor-icon-list-item a {
    padding: 12px 18px !important;
    display: flex;
    align-items: center;
}

/* 4. Efecto HOVER (Al pasar el ratón) */
.elementor-icon-list-item:hover {
    background-color: rgba(0, 255, 201, 0.08); /* Brillo sutil del color de marca */
    border-color: rgba(0, 255, 201, 0.3);
   
}

/* 5. ESTADO ACTIVO (El que se queda pulsado) */
.elementor-icon-list-item.is-active {
    background-color: rgba(0, 255, 201, 0.12) !important;
    border-color: #00FFC9 !important;
    box-shadow: 0 0 20px rgba(0, 255, 201, 0.15); /* Resplandor neón suave */
    position: relative;
}

/* Línea de acento lateral para el activo (Muy SaaS) */
.elementor-icon-list-item.is-active::before {
    content: "";
    position: absolute;
    left: 0;
    top: 25%;
    height: 50%;
    width: 4px;
    background-color: #00FFC9;
    border-radius: 0 4px 4px 0;
}

/* 6. Animación del Icono y Texto en Activo */
.elementor-icon-list-item.is-active .elementor-icon-list-icon i,
.elementor-icon-list-item.is-active .elementor-icon-list-text,
.elementor-icon-list-item.is-active svg {
    color: #00FFC9 !important;
    fill: #00FFC9 !important;
    text-shadow: 0 0 8px rgba(0, 255, 201, 0.4); /* Efecto glow en el texto */
}/* End custom CSS */
/* Start custom CSS for woocommerce-my-account, class: .elementor-element-d9c20bf *//* ========================================
   MY ACCOUNT LOGGED IN -> 900px
======================================== */

body.woocommerce-account.logged-in .woocommerce,
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account,
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account .e-my-account-tab,
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account .woocommerce,
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-content {
    max-width: 900px !important;
    width: 100% !important;
    margin: 0 auto !important;
    float: none !important;
}

/* Quitar padding lateral de Elementor que estrecha el contenido */
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account,
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account .e-my-account-tab,
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account .woocommerce {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Ocultar navegación lateral */
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation {
    display: none !important;
}

/* Contenido principal */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content,
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-content {
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 auto !important;
}

/* Forzar ancho completo también en formularios y wrappers internos */
body.woocommerce-account.logged-in .woocommerce-EditAccountForm,
body.woocommerce-account.logged-in form,
body.woocommerce-account.logged-in .woocommerce-address-fields,
body.woocommerce-account.logged-in .woocommerce-column,
body.woocommerce-account.logged-in .u-column1,
body.woocommerce-account.logged-in .u-columns.col2-set,
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account form.woocommerce-EditAccountForm,
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account form.edit-account {
    width: 100% !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    box-sizing: border-box !important;
}


/* ========================================
   EDIT ACCOUNT -> SEPARACIÓN 10px
======================================== */

/* 10px entre filas */
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account form.woocommerce-EditAccountForm .form-row,
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account form.edit-account .form-row,
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account form.woocommerce-EditAccountForm p,
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account form.edit-account p,
body.woocommerce-account .woocommerce-EditAccountForm .form-row,
body.woocommerce-account .woocommerce-EditAccountForm p {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* 10px entre columnas */
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account form.woocommerce-EditAccountForm .form-row-first,
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account form.edit-account .form-row-first,
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account form.woocommerce-EditAccountForm .form-row-last,
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account form.edit-account .form-row-last {
    width: calc(50% - 5px) !important;
    box-sizing: border-box !important;
}

body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account form.woocommerce-EditAccountForm .form-row-first,
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account form.edit-account .form-row-first {
    margin-right: 10px !important;
}

body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account form.woocommerce-EditAccountForm .form-row-last,
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account form.edit-account .form-row-last {
    margin-right: 0 !important;
}

/* Labels más compactas */
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account form.woocommerce-EditAccountForm label,
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account form.edit-account label {
    margin-bottom: 4px !important;
}

/* Inputs sin espacio extra */
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account form.woocommerce-EditAccountForm input,
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account form.woocommerce-EditAccountForm select,
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account form.woocommerce-EditAccountForm textarea,
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account form.edit-account input,
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account form.edit-account select,
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account form.edit-account textarea {
    margin-bottom: 0 !important;
}

/* Reducir padding interno de los campos de Elementor */
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account {
    --forms-fields-padding: 10px 10px 10px 10px !important;
}

/* Fieldset más compacto */
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account form.woocommerce-EditAccountForm fieldset,
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account form.edit-account fieldset {
    margin-top: 10px !important;
    padding: 10px !important;
}

body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account form.woocommerce-EditAccountForm legend,
body.woocommerce-account.logged-in .elementor-widget-woocommerce-my-account form.edit-account legend {
    margin-bottom: 10px !important;
}


/* ========================================
   LOGIN PAGE LOGGED OUT -> 520px
======================================== */

body.woocommerce-account:not(.logged-in) .woocommerce,
body.woocommerce-account:not(.logged-in) .elementor-widget-woocommerce-my-account,
body.woocommerce-account:not(.logged-in) .elementor-widget-woocommerce-my-account .woocommerce {
    max-width: 520px !important;
    width: 100% !important;
    margin: 0 auto !important;
}

body.woocommerce-account:not(.logged-in) .u-column2 {
    display: none !important;
}

body.woocommerce-account:not(.logged-in) .u-columns.col2-set {
    display: flex !important;
    justify-content: center !important;
}

body.woocommerce-account:not(.logged-in) .u-column1 {
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto !important;
}

body.woocommerce-account:not(.logged-in) .woocommerce h2,
body.woocommerce-account:not(.logged-in) .u-column1 h2,
body.woocommerce-account:not(.logged-in) .elementor-widget-woocommerce-my-account h2 {
    text-align: center !important;
}


/* ========================================
   FIX ESPACIO FORMULARIO EDIT ACCOUNT
======================================== */

/* Reducir gap que Elementor aplica al formulario */
body.woocommerce-account.logged-in 
.elementor-widget-woocommerce-my-account {
    --forms-rows-gap: 10px !important;
    --widgets-spacing-row: 10px !important;
    --widgets-spacing-column: 10px !important;
}

/* Forzar separación real entre campos */
body.woocommerce-account.logged-in 
.elementor-widget-woocommerce-my-account 
form.woocommerce-EditAccountForm .form-row {
    margin-bottom: 10px !important;
}

/* Ajustar columnas first / last */
body.woocommerce-account.logged-in 
.elementor-widget-woocommerce-my-account 
form.woocommerce-EditAccountForm .form-row-first,
body.woocommerce-account.logged-in 
.elementor-widget-woocommerce-my-account 
form.woocommerce-EditAccountForm .form-row-last {
    width: calc(50% - 5px) !important;
}

body.woocommerce-account.logged-in 
.elementor-widget-woocommerce-my-account 
form.woocommerce-EditAccountForm .form-row-first {
    margin-right: 10px !important;
}

body.woocommerce-account.logged-in 
.elementor-widget-woocommerce-my-account 
form.woocommerce-EditAccountForm .form-row-last {
    margin-right: 0 !important;
}

/* ========================================
   LOST PASSWORD / RESET PASSWORD -> 900px
======================================== */

/* Contenedor general */
body.woocommerce-account:not(.logged-in) .woocommerce-lost-password .woocommerce,
body.woocommerce-account:not(.logged-in) .woocommerce-lost-password .elementor-widget-woocommerce-my-account,
body.woocommerce-account:not(.logged-in) .woocommerce-lost-password .elementor-widget-woocommerce-my-account .woocommerce,
body.woocommerce-account:not(.logged-in) .woocommerce-reset-password .woocommerce,
body.woocommerce-account:not(.logged-in) .woocommerce-reset-password .elementor-widget-woocommerce-my-account,
body.woocommerce-account:not(.logged-in) .woocommerce-reset-password .elementor-widget-woocommerce-my-account .woocommerce {
    max-width: 900px !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* Formularios concretos */
body.woocommerce-account:not(.logged-in) form.woocommerce-ResetPassword,
body.woocommerce-account:not(.logged-in) form.lost_reset_password,
body.woocommerce-account:not(.logged-in) .woocommerce-LostPassword,
body.woocommerce-account:not(.logged-in) .lost_reset_password {
    max-width: 900px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* Texto y título centrados si quieres mantener el mismo look */
body.woocommerce-account:not(.logged-in) .woocommerce-lost-password h2,
body.woocommerce-account:not(.logged-in) .woocommerce-reset-password h2 {
    text-align: center !important;
}

/* ========================================
   ORDERS / SUBSCRIPTIONS - SEPARAR BOTONES
======================================== */

/* Contenedor de acciones */
body.woocommerce-account .woocommerce-MyAccount-content td.woocommerce-orders-table__cell-order-actions,
body.woocommerce-account .woocommerce-MyAccount-content td.order-actions,
body.woocommerce-account .woocommerce-MyAccount-content .subscription-actions,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions {
    white-space: normal !important;
}

/* Separación entre botones */
body.woocommerce-account .woocommerce-MyAccount-content td.woocommerce-orders-table__cell-order-actions .button,
body.woocommerce-account .woocommerce-MyAccount-content td.order-actions .button,
body.woocommerce-account .woocommerce-MyAccount-content .subscription-actions .button,
body.woocommerce-account .woocommerce-MyAccount-content a.button {
    display: inline-block !important;
    margin-right: 8px !important;
    margin-bottom: 8px !important;
}

/* Quitar margen al último si quieres */
body.woocommerce-account .woocommerce-MyAccount-content td.woocommerce-orders-table__cell-order-actions .button:last-child,
body.woocommerce-account .woocommerce-MyAccount-content td.order-actions .button:last-child,
body.woocommerce-account .woocommerce-MyAccount-content .subscription-actions .button:last-child {
    margin-right: 0 !important;
}

/* Cancelled & Pending cancellation button */

.woocommerce-account .button.cancelled,
.woocommerce-account .button.pendingcancel {
    background: #e53935 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 10px 16px !important;
    font-weight: 700 !important;
    cursor: default !important;
    pointer-events: none !important;
}

.woocommerce-account .button.cancelled:hover,
.woocommerce-account .button.pendingcancel:hover {
    background: #e53935 !important;
    color: #ffffff !important;
}

/* ========================================
   OCULTAR BILLING ADDRESS EN PEDIDOS/SUBS
======================================== */

/* Ocultar en la vista de detalle de Pedido */
.woocommerce-view-order .woocommerce-customer-details,
.woocommerce-view-order .woocommerce-column--billing-address {
    display: none !important;
}

/* Ocultar en la vista de detalle de Suscripción */
.woocommerce-view-subscription .woocommerce-customer-details,
.woocommerce-view-subscription .woocommerce-column--billing-address {
    display: none !important;
}

/* Eliminar el título "Detalles del cliente" que suele quedar suelto */
.woocommerce-order-details + .customer_details,
.woocommerce-customer-details {
    display: none !important;
}

/* APLICAR ESTILO SAAS A BOTONES DE WOOCOMMERCE (Texto Turquesa Fijo) */

/* 1. Base del botón */
.woocommerce-button.button, 
.woocommerce-Orders-view.button,
.woocommerce-MyAccount-content .button {
    background-color: rgba(0, 255, 201, 0.03) !important; /* Fondo sutil turquesa */
    color: #00FFC9 !important; /* TEXTO TURQUESA POR DEFECTO */
    border: 1px solid rgba(0, 255, 201, 0.3) !important; /* Borde turquesa suave */
    border-radius: 10px !important;
    padding: 12px 24px !important;
    font-size: 13px !important;
    font-weight: 600 !important; /* Un poco más de peso para leer mejor el turquesa */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    text-transform: capitalize !important;
}

/* 2. Efecto Hover para todos los botones */
.woocommerce-button.button:hover,
.woocommerce-MyAccount-content .button:hover {
    background-color: rgba(0, 255, 201, 0.12) !important; /* Fondo más intenso */
    border-color: #00FFC9 !important; /* Borde turquesa sólido */
    color: #00FFC9 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 255, 201, 0.2);
}

/* 3. Colores específicos para acciones críticas */

/* Botón de Pagar o Ver (Más intensidad de borde) */
.woocommerce-button.button.pay, 
.woocommerce-button.button.view {
    border-color: rgba(0, 255, 201, 0.6) !important;
}

/* Botón de Cancelar o Eliminar (Mantiene el toque rojizo para seguridad visual) */
.woocommerce-button.button.cancel,
.woocommerce-button.button.delete {
    color: #ff6384 !important; /* Texto rojo suave por seguridad */
    border-color: rgba(255, 99, 132, 0.3) !important;
}
.woocommerce-button.button.cancel:hover,
.woocommerce-button.button.delete:hover {
    color: #ff6384 !important;
    border-color: #ff6384 !important;
    background-color: rgba(255, 99, 132, 0.1) !important;
}

/* 4. Ajuste para que los botones en tablas no se vean gigantes */
.woocommerce-MyAccount-content .shop_table .button {
    margin: 2px 4px 2px 0 !important;
}

/* ============================================================
   ESTILO SAAS PARA TABLAS CON FONDO ESMERALDA SUAVE
   ============================================================ */

/* 1. Encabezado de la tabla con fondo Esmeralda muy suave */
.woocommerce-orders-table thead th,
.woocommerce-MyAccount-content .shop_table thead th,
.shop_table thead th {
    /* Color esmeralda con 7% de opacidad */
    background-color: rgba(0, 255, 201, 0.15) !important; 
    color: #00FFC9 !important;
    border: none !important;
    padding: 18px 20px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* 2. Nombre del producto en Turquesa */
.shop_table td.woocommerce-table__product-name a,
.shop_table td[data-title="Product"] a,
.shop_table td[data-title="Subscription"] a,
.woocommerce-table__product-name.product-name a {
    color: #00FFC9 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* 3. Estilo General de los Status (Pastillas) */
.woocommerce-orders-table__cell-order-status mark,
.woocommerce-table__cell-subscription-status mark,
.shop_table td[data-title="Status"] mark {
    background: rgba(0, 255, 201, 0.05) !important; /* Fondo esmeralda base */
    color: #ffffff !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border: 1px solid rgba(0, 255, 201, 0.15) !important;
}

/* 4. Variaciones de Color para Status */

/* Activo / Completado (Esmeralda más vibrante) */
mark.completed, mark.active {
    background: rgba(0, 255, 201, 0.15) !important;
    color: #00FFC9 !important;
    border: 1px solid rgba(0, 255, 201, 0.4) !important;
}

/* Pendiente / Procesando (Mantenemos el ámbar por claridad visual) */
mark.processing, mark.on-hold, mark.pending {
    background: rgba(255, 184, 0, 0.1) !important;
    color: #ffb800 !important;
    border: 1px solid rgba(255, 184, 0, 0.3) !important;
}

/* 5. Ajuste de la tabla general */
.shop_table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid rgba(0, 255, 201, 0.1) !important; /* Borde de la tabla esmeralda */
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* COLOR TURQUESA PARA EL NOMBRE DEL PRODUCTO EN TABLAS */

/* 1. Enlace del nombre del producto */
.shop_table td.woocommerce-table__product-name a,
.shop_table td[data-title="Product"] a,
.shop_table td[data-title="Subscription"] a,
.woocommerce-table__product-name.product-name a {
    color: #00FFC9 !important;
    font-weight: 600 !important;
    transition: all 0.3s ease;
    text-decoration: none !important;
}

/* 2. Efecto al pasar el ratón sobre el nombre (brillo sutil) */
.shop_table td.woocommerce-table__product-name a:hover,
.shop_table td[data-title="Subscription"] a:hover {
    color: #00FFC9 !important;
    text-shadow: 0 0 10px rgba(0, 255, 201, 0.4);
    opacity: 0.8;
}

/* 3. Si el nombre no tiene enlace (texto plano) */
.shop_table td.product-name,
.shop_table td[data-title="Product"],
.shop_table td[data-title="Subscription"] {
    color: #00FFC9 !important;
    font-weight: 600 !important;
}

/* 4. Ajuste para que la cantidad (x1, x2) no rompa el color si va pegada */
.product-quantity {
    color: rgba(255, 255, 255, 0.6) !important; /* El "x1" en gris suave para que destaque el nombre */
    font-weight: 400 !important;
    margin-left: 5px;
}

/* ARREGLAR PADDING INTERNO DE TABLAS (ID, PRODUCTO, TARJETA, ETC.) */

/* 1. Aplicar padding a todas las celdas y encabezados */
.shop_table td, 
.shop_table th,
.woocommerce-orders-table__cell,
.woocommerce-table__cell-subscription-id,
.woocommerce-table__cell-subscription-status,
.woocommerce-MyAccount-paymentMethods td {
    padding-left: 25px !important;  /* Espacio extra a la izquierda */
    padding-right: 20px !important; /* Espacio a la derecha */
    padding-top: 18px !important;   /* Espacio superior */
    padding-bottom: 18px !important;/* Espacio inferior */
    text-align: left !important;    /* Asegura alineación a la izquierda */
}

/* 2. Ajuste específico para la primera columna (ID de pedido / Suscripción) */
/* Esto asegura que el #12345 no toque el borde redondeado */
.shop_table td:first-child, 
.shop_table th:first-child {
    padding-left: 30px !important; 
}

/* 3. Ajuste para la columna de acciones (Botones) */
/* Normalmente los botones se ven mejor alineados a la derecha */
.shop_table td:last-child, 
.shop_table th:last-child {
    text-align: right !important;
    padding-right: 25px !important;
}

/* 4. Si usas métodos de pago (Tarjetas), forzamos el espacio aquí también */
.woocommerce-PaymentMethod .method-id,
.woocommerce-MyAccount-paymentMethods .woocommerce-PaymentMethod {
    padding-left: 25px !important;
}

/* Ocultar botón de factura en la lista principal de Pedidos */
.woocommerce-orders-table__cell-order-actions .button.invoice,
.woocommerce-orders-table__cell-order-actions .button.pdf,
.woocommerce-orders-table__cell-order-actions .button[class*="pdf"],
.woocommerce-orders-table__cell-order-actions .button[class*="invoice"] {
    display: none !important;
}

/* Ocultar botón de factura en la tabla de Pedidos Relacionados dentro de una suscripción */
.related_orders .button.invoice,
.related_orders .button.pdf,
.related_orders [data-title="Actions"] .button.invoice {
    display: none !important;
}

/* Asegurar que el botón "suelto" debajo de las tablas también desaparezca */
.my-account-invoice-button, 
.woocommerce-order-details + .my-account-invoice-button {
    display: none !important;
}/* End custom CSS */