.elementor-45 .elementor-element.elementor-element-eeba253{--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;}.elementor-45 .elementor-element.elementor-element-ff07122{--sections-background-color:var( --e-global-color-primary );--typography-section-titles-color:var( --e-global-color-text );--general-text-color:var( --e-global-color-text );}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-ff07122 *//* 1. LAYOUT GENERAL (Fondo Negro) */
.elementor-45 .elementor-element.elementor-element-ff07122 {
    background-color: #000000 !important;
    font-family: 'Poppins', sans-serif !important;
    color: #ffffff !important;
}

/* 2. MENÚ LATERAL (Navegación) */
.elementor-45 .elementor-element.elementor-element-ff07122 .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.elementor-45 .elementor-element.elementor-element-ff07122 .woocommerce-MyAccount-navigation li {
    margin-bottom: 10px !important;
    border: none !important;
}

/* Estilo de los Botones del Menú */
.elementor-45 .elementor-element.elementor-element-ff07122 .woocommerce-MyAccount-navigation li a {
    display: flex !important;
    align-items: center !important;
    padding: 18px 25px !important;
    background-color: #111111 !important; /* Gris muy oscuro */
    color: #888888 !important; /* Gris apagado para inactivos */
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border: 1px solid #222 !important; /* Borde sutil */
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    position: relative;
    overflow: hidden;
}

/* 3. ICONOS PERSONALIZADOS (Inyectados vía CSS) */
/* Usamos FontAwesome unicode que ya carga Elementor */
.elementor-45 .elementor-element.elementor-element-ff07122 .woocommerce-MyAccount-navigation li a::before {
    font-family: "Font Awesome 5 Free"; /* Asegura cargar la fuente */
    font-weight: 900;
    margin-right: 15px;
    font-size: 16px;
    width: 20px;
    text-align: center;
}

/* Mapeo de iconos para cada botón (según orden estándar) */
.elementor-45 .elementor-element.elementor-element-ff07122 .woocommerce-MyAccount-navigation li:nth-child(1) a::before { content: "\f0e4"; } /* Dashboard (Velocímetro) */
.elementor-45 .elementor-element.elementor-element-ff07122 .woocommerce-MyAccount-navigation li:nth-child(2) a::before { content: "\f468"; } /* Orders (Caja) */
.elementor-45 .elementor-element.elementor-element-ff07122 .woocommerce-MyAccount-navigation li:nth-child(3) a::before { content: "\f019"; } /* Downloads (Flecha abajo) */
.elementor-45 .elementor-element.elementor-element-ff07122 .woocommerce-MyAccount-navigation li:nth-child(4) a::before { content: "\f3c5"; } /* Addresses (Mapa) */
.elementor-45 .elementor-element.elementor-element-ff07122 .woocommerce-MyAccount-navigation li:nth-child(5) a::before { content: "\f007"; } /* Details (Usuario) */
.elementor-45 .elementor-element.elementor-element-ff07122 .woocommerce-MyAccount-navigation li:nth-child(6) a::before { content: "\f2f5"; } /* Logout (Salir) */

/* 4. ESTADO ACTIVO Y HOVER (Efecto Neón) */
.elementor-45 .elementor-element.elementor-element-ff07122 .woocommerce-MyAccount-navigation li.is-active a,
.elementor-45 .elementor-element.elementor-element-ff07122 .woocommerce-MyAccount-navigation li a:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #7CFC00 !important; /* Borde Neón */
    box-shadow: 0 0 15px rgba(124, 252, 0, 0.1); /* Resplandor suave */
    transform: translateX(5px); /* Pequeño desplazamiento a la derecha */
}

.elementor-45 .elementor-element.elementor-element-ff07122 .woocommerce-MyAccount-navigation li.is-active a::before,
.elementor-45 .elementor-element.elementor-element-ff07122 .woocommerce-MyAccount-navigation li a:hover::before {
    color: #7CFC00 !important; /* Icono verde neón */
}

/* 5. CONTENIDO DERECHO (El texto "Hello admin...") */
.elementor-45 .elementor-element.elementor-element-ff07122 .woocommerce-MyAccount-content {
    background-color: #000000 !important;
    padding: 10px 30px !important;
    border-left: 1px solid #222; /* Línea separadora sutil */
}

/* Textos Generales */
.elementor-45 .elementor-element.elementor-element-ff07122 .woocommerce-MyAccount-content p {
    color: #cccccc !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

/* Enlaces dentro del texto */
.elementor-45 .elementor-element.elementor-element-ff07122 .woocommerce-MyAccount-content a {
    color: #7CFC00 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    border-bottom: 1px solid transparent;
    transition: border 0.3s;
}

.elementor-45 .elementor-element.elementor-element-ff07122 .woocommerce-MyAccount-content a:hover {
    border-bottom: 1px solid #7CFC00;
}

/* 6. CORRECCIÓN RESPONSIVE (Móvil) */
@media (max-width: 768px) {
    .elementor-45 .elementor-element.elementor-element-ff07122 .woocommerce-MyAccount-navigation,
    .elementor-45 .elementor-element.elementor-element-ff07122 .woocommerce-MyAccount-content {
        width: 100% !important;
        float: none !important;
        border: none !important;
    }
    .elementor-45 .elementor-element.elementor-element-ff07122 .woocommerce-MyAccount-content {
        padding: 30px 0 !important;
    }
}/* End custom CSS */