.elementor-2606 .elementor-element.elementor-element-c2f561a{--display:flex;}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-816ab41 *//* 1. Ocultar la pestaña de Descargables */
.elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce-MyAccount-navigation-link--downloads {
    display: none !important;
}

/* 2. Estilo para la lista del menú lateral */
.elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 3. Estilo base para cada enlace del menú */
.elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce-MyAccount-navigation li a {
    display: block;
    padding: 15px 20px;
    color: #555555 !important; 
    background-color: #f9f9f9;
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px solid #eeeeee;
    transition: all 0.3s ease;
    border-left: 4px solid transparent;
}

/* 4. Efecto al pasar el ratón por encima del menú */
.elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce-MyAccount-navigation li a:hover {
    background-color: #f1f1f1;
    color: #003366 !important; 
    padding-left: 25px; 
    border-left: 4px solid #003366;
}

/* 5. Estilo para la pestaña ACTIVA */
.elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce-MyAccount-navigation li.is-active a {
    background-color: #003366 !important; 
    color: #ffffff !important; 
    border-left: 4px solid #c89b1c !important; /* NUEVO DORADO DEL LOGO */
}

/* 6. Estilo para la caja principal de contenido */
.elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce-MyAccount-content {
    background: #ffffff;
    padding: 35px;
    border-radius: 8px;
    box-shadow: 0px 5px 20px rgba(0,0,0,0.05); 
    border: 1px solid #eaeaea;
}

/* 7. Enlaces de texto dentro de la caja ("pedidos recientes", etc.) */
.elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce-MyAccount-content a {
    color: #c89b1c !important; /* NUEVO DORADO DEL LOGO */
    font-weight: 600;
    text-decoration: none;
}

/* Efecto al pasar el ratón por los enlaces del texto */
.elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce-MyAccount-content a:hover {
    color: #003366 !important;
    text-decoration: underline;
}

/* 8. Estilo corporativo para TODOS los botones dentro de Mi Cuenta */
.elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce-MyAccount-content .button,
.elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce-MyAccount-content .woocommerce-Button {
    background-color: #003366 !important; /* Tu azul corporativo oscuro */
    color: #ffffff !important; /* Texto blanco */
    border: 2px solid #003366 !important;
    border-radius: 6px !important;
    padding: 10px 24px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    text-transform: none !important;
    box-shadow: none !important;
}

/* Efecto al pasar el ratón por los botones */
.elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce-MyAccount-content .button:hover,
.elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce-MyAccount-content .woocommerce-Button:hover {
    background-color: #c89b1c !important; /* Tu dorado corporativo */
    border-color: #c89b1c !important;
    color: #ffffff !important;
}

/* 9. Arreglar los colores de las cajas de aviso de WooCommerce (línea superior e iconos) */
.elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce-MyAccount-content .woocommerce-message,
.elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce-MyAccount-content .woocommerce-info,
.elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce-MyAccount-content .woocommerce-error {
    border-top-color: #003366 !important; /* Línea superior en azul oscuro */
    background-color: #fdfdfd !important;
    color: #555555 !important;
}

/* Cambiar el color del icono (el visto bueno) al azul corporativo */
.elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce-MyAccount-content .woocommerce-message::before,
.elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce-MyAccount-content .woocommerce-info::before {
    color: #003366 !important; 
}
/* =========================================
   10. REPARACIÓN PARA TELÉFONOS MÓVILES
   ========================================= */
@media (max-width: 768px) {
    
    /* 1. Reducir los espacios blancos de la caja para que el contenido respire */
    .elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce-MyAccount-content {
        padding: 15px !important;
    }

    /* 2. Achicar los títulos gigantes (Ej: Dirección de facturación) */
    .elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce-MyAccount-content h3,
    .elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce-MyAccount-content header h3,
    .elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce-MyAccount-content header h2 {
        font-size: 20px !important;
        line-height: 1.3 !important;
        margin-bottom: 10px !important;
    }

    /* 3. Forzar que los campos del formulario (Nombre, Apellidos) ocupen el 100% del ancho y se apilen */
    .elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce form .form-row,
    .elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce form .form-row-first,
    .elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce form .form-row-last,
    .elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce-address-fields .form-row {
        width: 100% !important;
        float: none !important;
        margin-bottom: 15px !important;
    }

    /* 4. Asegurar que las cajas donde uno escribe no se salgan de la pantalla */
    .elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce form .form-row input.input-text,
    .elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce form .form-row textarea {
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 12px !important;
    }

    /* 5. Acomodar el botón de "Editar Dirección" para que no quede flotando raro */
    .elementor-2606 .elementor-element.elementor-element-816ab41 .woocommerce-Address-title a {
        display: inline-block !important;
        margin-top: 5px !important;
        margin-bottom: 15px !important;
        float: none !important;
    }
}/* End custom CSS */