.elementor-38 .elementor-element.elementor-element-9e4a96d{--display:flex;--margin-top:3vw;--margin-bottom:7vw;--margin-left:0vw;--margin-right:0vw;}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-9315ada *//* ==================================================
   DISEÑO PREMIUM PARA WOOCOMMERCE "MY ACCOUNT"
   ================================================== */

/* 1. CONFIGURACIÓN GENERAL DEL CONTENEDOR */
.elementor-38 .elementor-element.elementor-element-9315ada .e-my-account-tab__dashboard,
.elementor-38 .elementor-element.elementor-element-9315ada .woocommerce {
    color: #cccccc !important; /* Texto gris claro para no cansar la vista */
    font-size: 15px;
}

/* 2. MENÚ LATERAL (TABS) */
/* Quitar fondo blanco y bordes feos */
.elementor-38 .elementor-element.elementor-element-9315ada .woocommerce-MyAccount-navigation {
    background: transparent !important;
    border: none !important;
}

.elementor-38 .elementor-element.elementor-element-9315ada .woocommerce-MyAccount-navigation ul {
    border: none !important;
    padding: 0 !important;
}

/* Estilo de cada enlace del menú */
.elementor-38 .elementor-element.elementor-element-9315ada .woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    background: transparent !important;
}

.elementor-38 .elementor-element.elementor-element-9315ada .woocommerce-MyAccount-navigation ul li a {
    color: #a0a0a0 !important;
    font-weight: 500 !important;
    padding: 18px 20px !important;
    display: block !important;
    transition: all 0.3s ease !important;
    letter-spacing: 0.5px;
}

/* Efecto Hover (Pasar el ratón) */
.elementor-38 .elementor-element.elementor-element-9315ada .woocommerce-MyAccount-navigation ul li:hover a {
    color: #ffffff !important;
    background-color: rgba(229, 183, 59, 0.05) !important; /* Fondo sutil dorado */
    padding-left: 28px !important; /* El texto se mueve un poco a la derecha */
}

/* Pestaña Activa */
.elementor-38 .elementor-element.elementor-element-9315ada .woocommerce-MyAccount-navigation ul li.is-active a {
    color: #e5b73b !important; /* Dorado */
    background-color: rgba(229, 183, 59, 0.08) !important;
    border-left: 3px solid #e5b73b !important; /* Barra dorada indicadora */
    font-weight: 700 !important;
    padding-left: 28px !important;
}

/* 3. ÁREA DE CONTENIDO (DERECHA) */
.elementor-38 .elementor-element.elementor-element-9315ada .woocommerce-MyAccount-content {
    background-color: #0a0a0a !important; /* Negro muy oscuro, casi fondo */
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    padding: 40px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

/* Títulos y textos dentro del contenido */
.elementor-38 .elementor-element.elementor-element-9315ada .woocommerce-MyAccount-content h1, 
.elementor-38 .elementor-element.elementor-element-9315ada .woocommerce-MyAccount-content h2, 
.elementor-38 .elementor-element.elementor-element-9315ada .woocommerce-MyAccount-content h3 {
    color: #ffffff !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}

/* Enlaces (Cambiamos el azul feo por tu Dorado) */
.elementor-38 .elementor-element.elementor-element-9315ada .woocommerce-MyAccount-content a {
    color: #e5b73b !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: color 0.3s ease !important;
}

.elementor-38 .elementor-element.elementor-element-9315ada .woocommerce-MyAccount-content a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* 4. TABLAS (Ej: Historial de Pedidos) */
.elementor-38 .elementor-element.elementor-element-9315ada table.shop_table {
    border-collapse: collapse !important;
    width: 100% !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

.elementor-38 .elementor-element.elementor-element-9315ada table.shop_table th {
    background-color: #111111 !important;
    color: #ffffff !important;
    padding: 15px !important;
    border-bottom: 2px solid rgba(255,255,255,0.08) !important;
    font-weight: 600 !important;
}

.elementor-38 .elementor-element.elementor-element-9315ada table.shop_table td {
    background-color: #0a0a0a !important;
    padding: 15px !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
    color: #cccccc !important;
}

/* Botones dentro de las tablas (Ej: "Ver Pedido") */
.elementor-38 .elementor-element.elementor-element-9315ada table.shop_table .button {
    background-color: transparent !important;
    color: #e5b73b !important;
    border: 1px solid #e5b73b !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
}

.elementor-38 .elementor-element.elementor-element-9315ada table.shop_table .button:hover {
    background-color: #e5b73b !important;
    color: #000000 !important;
}

/* 5. FORMULARIOS (Ej: Detalles de cuenta, Editar Dirección) */
.elementor-38 .elementor-element.elementor-element-9315ada form .form-row label {
    color: #e0e0e0 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* Cajas de texto (Inputs) en modo oscuro */
.elementor-38 .elementor-element.elementor-element-9315ada .woocommerce-Input, 
.elementor-38 .elementor-element.elementor-element-9315ada input[type="text"], 
.elementor-38 .elementor-element.elementor-element-9315ada input[type="email"], 
.elementor-38 .elementor-element.elementor-element-9315ada input[type="password"],
.elementor-38 .elementor-element.elementor-element-9315ada input[type="tel"] {
    background-color: #141414 !important;
    border: 1px solid #333333 !important;
    color: #ffffff !important;
    padding: 15px !important;
    border-radius: 6px !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
}

/* Efecto al hacer clic en un input */
.elementor-38 .elementor-element.elementor-element-9315ada .woocommerce-Input:focus,
.elementor-38 .elementor-element.elementor-element-9315ada input[type="text"]:focus,
.elementor-38 .elementor-element.elementor-element-9315ada input[type="password"]:focus {
    border-color: #e5b73b !important;
    box-shadow: 0 0 0 2px rgba(229, 183, 59, 0.2) !important;
    outline: none !important;
}

/* Botones principales de guardado */
.elementor-38 .elementor-element.elementor-element-9315ada button[name="save_account_details"], 
.elementor-38 .elementor-element.elementor-element-9315ada button[name="save_address"] {
    background-color: #e5b73b !important;
    color: #000000 !important;
    border: none !important;
    padding: 15px 30px !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    margin-top: 20px !important;
}

.elementor-38 .elementor-element.elementor-element-9315ada button[name="save_account_details"]:hover, 
.elementor-38 .elementor-element.elementor-element-9315ada button[name="save_address"]:hover {
    background-color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(255,255,255,0.1) !important;
}

/* 6. Cajas de direcciones (Facturación / Envío) */
.elementor-38 .elementor-element.elementor-element-9315ada .u-columns.col2-set .u-column1, 
.elementor-38 .elementor-element.elementor-element-9315ada .u-columns.col2-set .u-column2 {
    background-color: #111111 !important;
    padding: 25px !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    border-radius: 8px !important;
    margin-bottom: 20px !important;
}/* End custom CSS */