.elementor-695 .elementor-element.elementor-element-7fa4a1d8{--display:flex;--padding-top:50px;--padding-bottom:50px;--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-695 .elementor-element.elementor-element-a0af912 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:not(.is-active) a{background-color:#0A0A0A;}.elementor-695 .elementor-element.elementor-element-a0af912 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a{background-color:var( --e-global-color-primary );}.elementor-695 .elementor-element.elementor-element-a0af912 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-EditAccountForm .button, .elementor-695 .elementor-element.elementor-element-a0af912 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-address-fields .button, .elementor-695 .elementor-element.elementor-element-a0af912 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button, .elementor-695 .elementor-element.elementor-element-a0af912 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button, .elementor-695 .elementor-element.elementor-element-a0af912 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button, .elementor-695 .elementor-element.elementor-element-a0af912 #add_payment_method #payment #place_order{background-color:var( --e-global-color-334ebb5 );}.elementor-695 .elementor-element.elementor-element-a0af912 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .shop_table .button, .elementor-695 .elementor-element.elementor-element-a0af912 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .order-again .button, .elementor-695 .elementor-element.elementor-element-a0af912 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-pagination .button, .elementor-695 .elementor-element.elementor-element-a0af912 .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-334ebb5 );}.elementor-695 .elementor-element.elementor-element-a0af912 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .shop_table .button:hover, .elementor-695 .elementor-element.elementor-element-a0af912 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .order-again .button:hover, .elementor-695 .elementor-element.elementor-element-a0af912 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-pagination .button:hover, .elementor-695 .elementor-element.elementor-element-a0af912 .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:var( --e-global-color-primary );}.elementor-695 .elementor-element.elementor-element-a0af912 .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{font-family:"urbanist-medium", Sans-serif;font-weight:400;border-width:1px 1px 1px 1px;}.elementor-695 .elementor-element.elementor-element-a0af912{--tabs-normal-color:var( --e-global-color-ae568d7 );--tabs-hover-color:var( --e-global-color-c5c1229 );--tabs-active-color:var( --e-global-color-primary );--tabs-border-type:solid;--tabs-border-color:#FFFFFF;--tabs-border-radius:9px 9px 9px 9px;--tabs-padding:7px 7px 7px 7px;--links-normal-color:var( --e-global-color-334ebb5 );--links-hover-color:var( --e-global-color-accent );--forms-buttons-normal-text-color:var( --e-global-color-primary );--order-summary-rows-gap-top:calc( 20px/2 );--order-summary-rows-gap-bottom:calc( 20px/2 );--tables-title-color:var( --e-global-color-secondary );--tables-links-normal-color:var( --e-global-color-primary );--tables-links-hover-color:var( --e-global-color-accent );--tables-button-normal-text-color:var( --e-global-color-primary );--tables-buttons-border-type:none;}.elementor-695 .elementor-element.elementor-element-a0af912 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h2, .elementor-695 .elementor-element.elementor-element-a0af912 .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) h3{font-family:"Urbanist", Sans-serif;}.elementor-695 .elementor-element.elementor-element-a0af912 .shop_table .button:hover, .elementor-695 .elementor-element.elementor-element-a0af912 .woocommerce-pagination .button:hover, .elementor-695 .elementor-element.elementor-element-a0af912 .order-again .button:hover, .elementor-695 .elementor-element.elementor-element-a0af912 .e-my-account-tab__payment-methods .woocommerce .woocommerce-MyAccount-content-wrapper .button:hover{color:var( --e-global-color-c5c1229 );}:root{--page-title-display:none;}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-a0af912 *//*
============================================================
  ESTILOS PERSONALIZADOS PARA EL MENÚ DE "MI CUENTA"
============================================================
*/

/* 1. Contenedor principal del menú */
.woocommerce-MyAccount-navigation {
    background-color: #0A0A0A; /* Fondo oscuro, casi negro */
    border-radius: 10px;
    padding: 25px 20px;
}

/* 2. Limpieza de estilos de la lista */
.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 15px; /* Espacio entre cada botón */
}

.woocommerce-MyAccount-navigation ul li {
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. Estilo de los "botones" (enlaces) */
.woocommerce-MyAccount-navigation-link a {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border: 1px solid #444; /* Borde gris oscuro */
    border-radius: 10px;
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

/* 4. Iconos para cada elemento del menú */
/* Nota: Tu sitio debe tener Font Awesome 5 cargado (Elementor usualmente lo hace) */
.woocommerce-MyAccount-navigation-link a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900; /* Necesario para los iconos sólidos */
    font-size: 16px;
    width: 25px; /* Ancho fijo para alinear el texto */
    margin-right: 10px;
}

/* Asigna un icono a cada elemento */
.woocommerce-MyAccount-navigation-link--dashboard a::before { content: '\f07a'; } /* Reemplazado "Escritorio" por "Gestión de la cuenta" */
.woocommerce-MyAccount-navigation-link--orders a::before { content: '\f022'; } /* Icono para Pedidos */
.woocommerce-MyAccount-navigation-link--downloads a::before { content: '\f019'; } /* Icono para Descargas */
.woocommerce-MyAccount-navigation-link--edit-address a::before { content: '\f3c5'; } /* Icono para Direcciones */
.woocommerce-MyAccount-navigation-link--edit-account a::before { content: '\f2bd'; } /* Icono para Detalles de la cuenta */
.woocommerce-MyAccount-navigation-link--customer-logout a::before { content: '\f2f5'; } /* Icono para Cerrar sesión */


/* 5. Estilo para el elemento ACTIVO y al pasar el mouse (hover) */
.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover {
    color: #F8AC11; /* Tu color dorado */
    border-color: #F8AC11;
}

/* 6. Línea separadora antes de "Cerrar sesión" */
.woocommerce-MyAccount-navigation-link--customer-logout {
    border-top: 1px solid #444;
    padding-top: 15px;
    margin-top: 5px;
}
/* Estilo para el elemento ACTIVO y al pasar el mouse (hover) */
.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover {
    color: #F8AC11 !important;      /* Color del texto naranja */
    border-color: #F8AC11 !important; /* Color del borde naranja */
}
/* --- ESTILOS CORREGIDOS PARA LA TABLA DE PEDIDOS --- */

/* 1. Estilo para las CELDAS de estado (fondo de color) */
/* Se aplica el color a toda la celda ya que no hay un elemento interno para estilizar */
.elementor-695 .elementor-element.elementor-element-a0af912 .woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status {
    background-color: #d4edda; /* Verde claro */
    color: #155724; /* Verde oscuro */
}
.elementor-695 .elementor-element.elementor-element-a0af912 .woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status {
    background-color: #f8d7da; /* Rojo claro */
    color: #721c24; /* Rojo oscuro */
}
.elementor-695 .elementor-element.elementor-element-a0af912 .woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status,
.elementor-695 .elementor-element.elementor-element-a0af912 .woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status {
    background-color: #fff3cd; /* Amarillo claro */
    color: #856404; /* Amarillo oscuro */
}
/* Hacemos el texto del estado más legible */
.elementor-695 .elementor-element.elementor-element-a0af912 .woocommerce-orders-table__cell-order-status {
    font-weight: bold;
    text-align: center;
}


/* 2. Estilo para el botón "Ver" (con !important para forzarlo) */
.elementor-695 .elementor-element.elementor-element-a0af912 .woocommerce-orders-table__cell-order-actions .button {
    background-color: #343a40 !important;
    color: white !important;
    border-radius: 50% !important; /* Lo hace circular */
    font-size: 0 !important; /* Oculta el texto "Ver" */
    width: 35px !important;
    height: 35px !important;
    min-width: 35px !important;
    padding: 0 !important;
    line-height: 35px !important;
    text-align: center !important;
    transition: background-color 0.3s ease;
}

.elementor-695 .elementor-element.elementor-element-a0af912 .woocommerce-orders-table__cell-order-actions .button:hover {
    background-color: #555 !important;
}

/* 3. Icono de ojo para el botón "Ver" */
.elementor-695 .elementor-element.elementor-element-a0af912 .woocommerce-orders-table__cell-order-actions .button::before {
    content: '\f06e' !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    color: white !important;
}
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce-MyAccount-content p:last-of-type {
    margin-bottom: 20px;
}
/* Reduce el tamaño del título "Dirección de facturación" */
.woocommerce-Address-title h2 {
    font-size: 18px; /* Ajusta este valor si lo quieres más grande o pequeño */
    font-weight: 600; /* Un grosor de fuente menor que el de un h2 por defecto */
}


/*
============================================================
  ESTILOS CORREGIDOS PARA FORMULARIO EN 2 COLUMNAS
============================================================
*/

/* 1. Convierte el formulario en una rejilla (grid) de 2 columnas */
.elementor-695 .elementor-element.elementor-element-a0af912 .woocommerce-EditAccountForm {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Crea dos columnas de igual tamaño */
    gap: 0 30px; /* 0 de espacio vertical, 30px de espacio horizontal */
    align-items: start; /* Alinea los elementos al inicio */
}

/* 2. Asigna los campos de la izquierda a la primera columna */
.elementor-695 .elementor-element.elementor-element-a0af912 .woocommerce-EditAccountForm .form-row-first,
.elementor-695 .elementor-element.elementor-element-a0af912 .woocommerce-EditAccountForm .form-row-last,
.elementor-695 .elementor-element.elementor-element-a0af912 .woocommerce-EditAccountForm .form-row-wide {
    grid-column: 1 / 2; /* Ocupan la primera columna */
    width: 100%; /* Asegura que ocupen todo el ancho de su columna */
}

/* 3. Asigna el bloque de contraseña a la segunda columna */
.elementor-695 .elementor-element.elementor-element-a0af912 .woocommerce-EditAccountForm fieldset {
    grid-column: 2 / 3; /* Ocupa la segunda columna */
    grid-row: 1 / span 5; /* Se extiende verticalmente para alinearse */
    margin-top: 0;
}

/* 4. Hace que el botón "Guardar" ocupe ambas columnas al final */
.elementor-695 .elementor-element.elementor-element-a0af912 .woocommerce-EditAccountForm > p:last-of-type {
    grid-column: 1 / -1;
}

/* 5. (Opcional) Vuelve a 1 columna en móviles */
@media (max-width: 767px) {
    .elementor-695 .elementor-element.elementor-element-a0af912 .woocommerce-EditAccountForm {
        grid-template-columns: 1fr; /* Una sola columna */
    }
    /* En móvil, todos los elementos vuelven a su columna original */
    .elementor-695 .elementor-element.elementor-element-a0af912 .woocommerce-EditAccountForm .form-row-first,
    .elementor-695 .elementor-element.elementor-element-a0af912 .woocommerce-EditAccountForm .form-row-last,
    .elementor-695 .elementor-element.elementor-element-a0af912 .woocommerce-EditAccountForm .form-row-wide,
    .elementor-695 .elementor-element.elementor-element-a0af912 .woocommerce-EditAccountForm fieldset,
    .elementor-695 .elementor-element.elementor-element-a0af912 .woocommerce-EditAccountForm > p:last-of-type {
        grid-column: 1 / -1;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'urbanist-medium';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://estar-bien.com.co/wp-content/uploads/2025/08/Urbanist-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Urbanist';
	font-display: auto;
	src: url('https://estar-bien.com.co/wp-content/uploads/2025/08/Urbanist-Light.ttf') format('truetype');
}
/* End Custom Fonts CSS */