.elementor-335 .elementor-element.elementor-element-b345747{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-335 .elementor-element.elementor-element-b345747:not(.elementor-motion-effects-element-type-background), .elementor-335 .elementor-element.elementor-element-b345747 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1C1C;}.elementor-335 .elementor-element.elementor-element-b345747.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-335 .elementor-element.elementor-element-28e023d{width:100%;max-width:100%;margin:0px 33px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;border-style:none;--tabs-padding:0px 050px 0px 50px;--sections-background-color:#1C1C1C;--typography-section-titles-color:#FCF6F6;--general-text-color:#FBFBFB;--login-messages-color:#FFFFFF;--checkboxes-color:#FFFFFF;--payment-methods-radio-buttons-color:#FFFFFF;--forms-labels-color:#00C6FF;--tables-title-color:var( --e-global-color-astglobalcolor4 );--tables-items-color:var( --e-global-color-astglobalcolor4 );--variations-color:var( --e-global-color-astglobalcolor4 );--tables-links-hover-color:#00E1FF;--tables-divider-border-color:#FFFFFF;--tables-button-normal-text-color:var( --e-global-color-astglobalcolor4 );}.elementor-335 .elementor-element.elementor-element-28e023d.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-335 .elementor-element.elementor-element-28e023d .woocommerce-MyAccount-content > div > p, .elementor-335 .elementor-element.elementor-element-28e023d address, .elementor-335 .elementor-element.elementor-element-28e023d .woocommerce-EditAccountForm fieldset legend, .elementor-335 .elementor-element.elementor-element-28e023d .woocommerce-ResetPassword p:nth-child(1), .elementor-335 .elementor-element.elementor-element-28e023d .woocommerce-OrderUpdate{font-size:1px;}.elementor-335 .elementor-element.elementor-element-28e023d .order_details thead th, .elementor-335 .elementor-element.elementor-element-28e023d .order_details tfoot td, .elementor-335 .elementor-element.elementor-element-28e023d .order_details tfoot th, .elementor-335 .elementor-element.elementor-element-28e023d .nobr{font-size:23px;}.elementor-335 .elementor-element.elementor-element-28e023d .e-my-account-tab__orders tbody td, .elementor-335 .elementor-element.elementor-element-28e023d .e-my-account-tab__downloads tbody td, .elementor-335 .elementor-element.elementor-element-28e023d .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .product-quantity, .elementor-335 .elementor-element.elementor-element-28e023d .woocommerce-table--order-downloads tbody td, .elementor-335 .elementor-element.elementor-element-28e023d .woocommerce-table--order-details td a, .elementor-335 .elementor-element.elementor-element-28e023d td.product-total, .elementor-335 .elementor-element.elementor-element-28e023d td.payment-method-method, .elementor-335 .elementor-element.elementor-element-28e023d td.payment-method-expires{font-size:17px;}.elementor-335 .elementor-element.elementor-element-28e023d {--tables-buttons-border-color:var( --e-global-color-astglobalcolor4 );}@media(max-width:767px){.elementor-335 .elementor-element.elementor-element-b345747{--width:100%;}.elementor-335 .elementor-element.elementor-element-28e023d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(min-width:768px){.elementor-335 .elementor-element.elementor-element-b345747{--width:100%;}}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-28e023d *//* ====================================================
   ESTILO WIDGET MI CUENTA (DASH GAMES) - CORREGIDO
   ==================================================== */

/* 1. CONTENEDOR PRINCIPAL (Sin estirarse a los bordes) */
.elementor-335 .elementor-element.elementor-element-28e023d .woocommerce {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important; /* Corregido: ya no rompe la pantalla */
    margin: 0 !important;   /* Corregido: sin márgenes negativos */
    padding: 0 !important;
    gap: 30px !important;   /* Espacio limpio entre menú y contenido */
    background-color: transparent !important;
    align-items: stretch !important;
}

/* 2. BARRA LATERAL (Menú de navegación) */
.elementor-335 .elementor-element.elementor-element-28e023d .woocommerce-MyAccount-navigation {
    flex: 0 0 280px !important;
    border-right: 2px solid #00CCFF !important; /* Línea divisoria azul */
    padding: 20px 20px 20px 0 !important;
    background-color: transparent !important;
    margin: 0 !important;
    border-top: none !important;
    border-bottom: none !important;
}

/* 3. BOTONES DEL MENÚ */
.elementor-335 .elementor-element.elementor-element-28e023d .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-335 .elementor-element.elementor-element-28e023d .woocommerce-MyAccount-navigation ul li a {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    font-family: 'Orbitron', sans-serif !important;
    text-transform: uppercase;
    padding: 15px !important;
    margin-bottom: 10px !important;
    display: block !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    transition: all 0.3s ease !important;
}

/* Estado Activo / Hover del Menú */
.elementor-335 .elementor-element.elementor-element-28e023d .woocommerce-MyAccount-navigation ul li.is-active a,
.elementor-335 .elementor-element.elementor-element-28e023d .woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #00CCFF !important;
    color: #000000 !important;
    box-shadow: 0 0 15px #00CCFF !important;
    border-color: #00CCFF !important;
}

/* 4. CONTENIDO PRINCIPAL (Derecha) */
.elementor-335 .elementor-element.elementor-element-28e023d .woocommerce-MyAccount-content {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 20px 0 !important;
    width: 100% !important;
}

/* Recuadros de texto informativos */
.elementor-335 .elementor-element.elementor-element-28e023d .woocommerce-MyAccount-content p {
    background: rgba(0, 204, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-left: 5px solid #00CCFF !important;
    padding: 20px !important;
    color: #ffffff !important;
    font-family: 'Orbitron', sans-serif !important;
}

/* --- 5. TABLA DE PEDIDOS DASH GAMES --- */
.elementor-335 .elementor-element.elementor-element-28e023d table.shop_table {
    border: none !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
}

.elementor-335 .elementor-element.elementor-element-28e023d table.shop_table thead th {
    background-color: transparent !important;
    color: #00CCFF !important;
    font-family: 'Orbitron', sans-serif !important;
    text-transform: uppercase;
    font-size: 12px !important;
    letter-spacing: 2px;
    border: none !important;
    padding: 15px !important;
}

.elementor-335 .elementor-element.elementor-element-28e023d table.shop_table tbody tr {
    background-color: #262626 !important;
    transition: all 0.3s ease !important;
}

.elementor-335 .elementor-element.elementor-element-28e023d table.shop_table tbody tr:hover {
    background-color: #333333 !important;
    transform: scale(1.01);
}

.elementor-335 .elementor-element.elementor-element-28e023d table.shop_table tbody td {
    border: none !important;
    padding: 20px 15px !important;
    color: #ffffff !important;
    vertical-align: middle !important;
}

/* Número de pedido estílo Gamer */
.elementor-335 .elementor-element.elementor-element-28e023d table.shop_table td.woocommerce-orders-table__cell-order-number a {
    color: #00CCFF !important;
    font-family: 'Orbitron', sans-serif !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    text-shadow: 0 0 8px rgba(0, 204, 255, 0.6) !important;
    transition: all 0.3s ease !important;
}

.elementor-335 .elementor-element.elementor-element-28e023d table.shop_table td.woocommerce-orders-table__cell-order-number a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 15px #00CCFF !important;
    letter-spacing: 1px;
}

/* Botón "VER" Estilo Neón */
.elementor-335 .elementor-element.elementor-element-28e023d table.shop_table .button.view {
    background-color: transparent !important;
    color: #00CCFF !important;
    border: 1px solid #00CCFF !important;
    font-family: 'Orbitron', sans-serif !important;
    font-size: 11px !important;
    padding: 8px 20px !important;
    text-transform: uppercase;
    transition: all 0.3s ease !important;
    border-radius: 0px !important;
}

.elementor-335 .elementor-element.elementor-element-28e023d table.shop_table .button.view:hover {
    background-color: #00CCFF !important;
    color: #000000 !important;
    box-shadow: 0 0 15px #00CCFF !important;
}

/* --- 6. ESTILO DASH GAMES PARA STRIPE Y BOTONES --- */
.elementor-335 .elementor-element.elementor-element-28e023d .woocommerce-PaymentMethod, 
.elementor-335 .elementor-element.elementor-element-28e023d .stripe-source-errors,
.elementor-335 .elementor-element.elementor-element-28e023d .wc-stripe-elements-field,
.elementor-335 .elementor-element.elementor-element-28e023d #payment {
    background-color: #1c1c1c !important;
    border: 1px solid #333 !important;
}

.elementor-335 .elementor-element.elementor-element-28e023d .wc-stripe-elements-field {
    padding: 15px !important;
    background-color: #000000 !important;
    border: 1px solid #00CCFF !important;
}

.elementor-335 .elementor-element.elementor-element-28e023d .woocommerce-info,
.elementor-335 .elementor-element.elementor-element-28e023d .woocommerce-message {
    background-color: #0a0a0a !important;
    border-left: 5px solid #00CCFF !important;
    color: #ffffff !important;
    font-family: 'Orbitron', sans-serif !important;
    font-size: 13px !important;
}

.elementor-335 .elementor-element.elementor-element-28e023d .button, 
.elementor-335 .elementor-element.elementor-element-28e023d .woocommerce-Button {
    background-color: transparent !important;
    color: #00CCFF !important;
    border: 2px solid #00CCFF !important;
    font-family: 'Orbitron', sans-serif !important;
    padding: 12px 25px !important;
    text-transform: uppercase;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

.elementor-335 .elementor-element.elementor-element-28e023d .button:hover {
    background-color: #00CCFF !important;
    color: #000000 !important;
    box-shadow: 0 0 20px rgba(0, 204, 255, 0.8) !important;
}

.elementor-335 .elementor-element.elementor-element-28e023d label {
    color: #00CCFF !important;
    font-family: 'Orbitron', sans-serif !important;
    font-size: 11px !important;
    letter-spacing: 1px;
}

/* --- 7. AJUSTE CELULAR (RESPONSIVE) DASH GAMES --- */
@media (max-width: 1024px) {
    .elementor-335 .elementor-element.elementor-element-28e023d .woocommerce {
        display: block !important;
        width: 100% !important;
    }
    
    .elementor-335 .elementor-element.elementor-element-28e023d .woocommerce-MyAccount-navigation {
        border-right: none !important;
        border-bottom: 2px solid #00CCFF !important;
        padding: 0 0 20px 0 !important;
        margin-bottom: 20px !important;
    }
}

@media (max-width: 767px) {
   /* 1. FORZAR FONDO NEGRO Y QUITAR BORDES A TODO EN MI CUENTA */
.woocommerce-account, 
.woocommerce-account #content, 
.woocommerce-account .container, 
.woocommerce-account .elementor-container, 
.woocommerce-account .elementor-widget-container,
.woocommerce-account article,
.woocommerce-account section,
.woocommerce-account div {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    max-width: 100% !important;
}

/* 2. LIBERAR EL CONTENIDO (QUITAR EL RELLENO LATERAL) */
.woocommerce-account .woocommerce-MyAccount-content {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* 3. DISEÑO DE FILAS ESTILO ZEROX (EXTREMO A EXTREMO) */
@media (max-width: 767px) {
    .woocommerce-orders-table tr {
        display: flex !important;
        flex-direction: column !important;
        background: #121212 !important; /* Fondo oscuro de la tarjeta */
        margin-bottom: 15px !important;
        padding: 15px !important;
        border-bottom: 1px solid #333 !important; /* Línea sutil */
    }

    .woocommerce-orders-table td {
        display: flex !important;
        justify-content: space-between !important; /* ETIQUETA IZQ - VALOR DER */
        align-items: center !important;
        padding: 10px 0 !important;
        border: none !important;
        background: transparent !important;
    }

    /* Títulos de las etiquetas */
    .woocommerce-orders-table td::before {
        content: attr(data-title);
        color: #fff !important;
        font-weight: bold;
    }

    /* EL BOTÓN "VER" AZUL DASH */
    .woocommerce-orders-table .woocommerce-button.view {
        background: #00D2FF !important;
        color: #000 !important;
        border-radius: 30px !important;
        padding: 8px 20px !important;
        font-weight: bold !important;
        text-transform: none !important;
        border: none !important;
    }
}/* End custom CSS */