.elementor-443 .elementor-element.elementor-element-a724427{--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;}/* Start custom CSS for container, class: .elementor-element-a724427 *//* =========================================================
   1. CONTENEDOR GENERAL DE MI CUENTA
   ========================================================= */
.elementor-443 .elementor-element.elementor-element-a724427 {
    background-color: rgba(18, 18, 18, 0.6) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 16px !important;
    padding: 40px !important;
}

/* =========================================================
   2. MENÚ DE NAVEGACIÓN (Lateral)
   ========================================================= */
/* Quitar bordes feos de WooCommerce */
.elementor-443 .elementor-element.elementor-element-a724427 .elementor-widget-woocommerce-my-account .e-my-account-tab {
    border: none !important;
}

.elementor-443 .elementor-element.elementor-element-a724427 .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-443 .elementor-element.elementor-element-a724427 .woocommerce-MyAccount-navigation ul li {
    margin-bottom: 8px !important;
}

/* Enlaces del menú */
.elementor-443 .elementor-element.elementor-element-a724427 .woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    background-color: rgba(255, 255, 255, 0.02) !important;
    color: #F3F4F6 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 15px 20px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Tab Activa y Hover */
.elementor-443 .elementor-element.elementor-element-a724427 .woocommerce-MyAccount-navigation ul li.is-active a,
.elementor-443 .elementor-element.elementor-element-a724427 .woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #EAB308 !important;
    color: #000000 !important;
    border-color: #EAB308 !important;
    transform: translateX(5px) !important;
}

/* =========================================================
   3. ÁREA DE CONTENIDO (Derecha)
   ========================================================= */
.elementor-443 .elementor-element.elementor-element-a724427 .woocommerce-MyAccount-content {
    color: #9CA3AF !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.elementor-443 .elementor-element.elementor-element-a724427 .woocommerce-MyAccount-content h2, 
.elementor-443 .elementor-element.elementor-element-a724427 .woocommerce-MyAccount-content h3 {
    color: #F3F4F6 !important;
    font-weight: 300 !important;
    margin-bottom: 20px !important;
}

.elementor-443 .elementor-element.elementor-element-a724427 .woocommerce-MyAccount-content a {
    color: #EAB308 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

/* =========================================================
   4. FORMULARIOS E INPUTS
   ========================================================= */
.elementor-443 .elementor-element.elementor-element-a724427 input[type="text"], 
.elementor-443 .elementor-element.elementor-element-a724427 input[type="email"], 
.elementor-443 .elementor-element.elementor-element-a724427 input[type="password"], 
.elementor-443 .elementor-element.elementor-element-a724427 input[type="tel"],
.elementor-443 .elementor-element.elementor-element-a724427 .input-text {
    background-color: rgba(0, 0, 0, 0.4) !important; /* Fondo oscuro interno */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #F3F4F6 !important;
    border-radius: 8px !important;
    padding: 14px 18px !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
}

.elementor-443 .elementor-element.elementor-element-a724427 input:focus {
    border-color: #EAB308 !important;
    outline: none !important;
    box-shadow: 0 0 0 1px #EAB308 !important;
    background-color: rgba(0, 0, 0, 0.6) !important;
}

.elementor-443 .elementor-element.elementor-element-a724427 label {
    color: #F3F4F6 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 8px !important;
    display: inline-block !important;
}

/* =========================================================
   4.1. CORRECCIÓN PARA PANTALLA LOGIN/REGISTRO (Cerrar Sesión)
   ========================================================= */
/* Eliminar el bloque blanco y bordes nativos de WooCommerce */
.elementor-443 .elementor-element.elementor-element-a724427 form.login, 
.elementor-443 .elementor-element.elementor-element-a724427 form.register,
.elementor-443 .elementor-element.elementor-element-a724427 .u-columns.col2-set {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Arreglar el contenedor del checkbox "Recuérdame" */
.elementor-443 .elementor-element.elementor-element-a724427 .woocommerce-form-login__rememberme {
    color: #9CA3AF !important;
    margin-top: 15px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.elementor-443 .elementor-element.elementor-element-a724427 .woocommerce-form-login__rememberme input {
    width: auto !important;
    margin: 0 !important;
}

/* Icono de Ojo (Mostrar contraseña) en modo oscuro */
.elementor-443 .elementor-element.elementor-element-a724427 .show-password-input::after {
    color: #F3F4F6 !important;
}

/* =========================================================
   5. BOTONES DE ACCIÓN (Acceso, Guardar cambios, etc.)
   ========================================================= */
.elementor-443 .elementor-element.elementor-element-a724427 .woocommerce-Button, 
.elementor-443 .elementor-element.elementor-element-a724427 button[name="save_account_details"],
.elementor-443 .elementor-element.elementor-element-a724427 button[name="save_address"],
.elementor-443 .elementor-element.elementor-element-a724427 .woocommerce-form-login__submit,
.elementor-443 .elementor-element.elementor-element-a724427 button[type="submit"].button {
    background-color: #EAB308 !important; /* Tu amarillo/dorado */
    color: #000000 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    border-radius: 50px !important; /* Forma de pastilla como tu botón superior */
    padding: 14px 35px !important;
    text-transform: uppercase !important;
    border: none !important;
    transition: all 0.3s ease !important;
    margin-top: 20px !important;
    display: inline-block !important;
    cursor: pointer !important;
}

.elementor-443 .elementor-element.elementor-element-a724427 .woocommerce-Button:hover, 
.elementor-443 .elementor-element.elementor-element-a724427 button[name="save_account_details"]:hover,
.elementor-443 .elementor-element.elementor-element-a724427 button[name="save_address"]:hover,
.elementor-443 .elementor-element.elementor-element-a724427 .woocommerce-form-login__submit:hover,
.elementor-443 .elementor-element.elementor-element-a724427 button[type="submit"].button:hover {
    background-color: #FACC15 !important;
    transform: scale(1.03) !important;
    box-shadow: 0 4px 15px rgba(234, 179, 8, 0.3) !important;
    color: #000000 !important;
}

/* Enlace de "¿Olvidaste la contraseña?" */
.elementor-443 .elementor-element.elementor-element-a724427 .woocommerce-LostPassword.lost_password {
    margin-top: 15px !important;
}

.elementor-443 .elementor-element.elementor-element-a724427 .woocommerce-LostPassword.lost_password a {
    color: #EAB308 !important;
    font-size: 13px !important;
}

/* =========================================================
   6. TABLAS (Pedidos, Descargas)
   ========================================================= */
.elementor-443 .elementor-element.elementor-element-a724427 table.shop_table {
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.elementor-443 .elementor-element.elementor-element-a724427 table.shop_table th {
    background-color: rgba(255, 255, 255, 0.02) !important;
    color: #F3F4F6 !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    padding: 15px !important;
}

.elementor-443 .elementor-element.elementor-element-a724427 table.shop_table td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.02) !important;
    color: #9CA3AF !important;
    padding: 15px !important;
}

/* =========================================================
   7. AVISOS DE WOOCOMMERCE
   ========================================================= */
.elementor-443 .elementor-element.elementor-element-a724427 .woocommerce-message, 
.elementor-443 .elementor-element.elementor-element-a724427 .woocommerce-info {
    background-color: rgba(234, 179, 8, 0.1) !important;
    color: #EAB308 !important;
    border-top: 3px solid #EAB308 !important;
    border-radius: 8px !important;
}
/* =========================================================
   8. CORRECCIÓN TÍTULO "ACCEDER" / "REGISTRARSE"
   ========================================================= */
.elementor-443 .elementor-element.elementor-element-a724427 h2,
.elementor-443 .elementor-element.elementor-element-a724427 .woocommerce h2,
.elementor-443 .elementor-element.elementor-element-a724427 #customer_login h2 {
    color: #F3F4F6 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 25px !important;
    text-transform: capitalize !important;
}/* End custom CSS */