.elementor-26 .elementor-element.elementor-element-3cbe2a5f{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-2ae33b05 *//*
 * VERSIÓN FINAL: FUERZA LA TABLA Y COMPRIME EL CONTENIDO PARA EVITAR SCROLL
 */

/* Aplica los estilos en el punto de ruptura de WooCommerce (768px o menos) */
@media screen and (max-width: 768px) {

    /* --- PARTE 1: FORZAR LA ESTRUCTURA DE TABLA (Esto ya estaba bien) --- */

    .elementor-26 .elementor-element.elementor-element-2ae33b05 .shop_table thead {
        display: table-header-group !important;
    }
    
    .elementor-26 .elementor-element.elementor-element-2ae33b05 .shop_table td::before {
        display: none !important;
    }

    .elementor-26 .elementor-element.elementor-element-2ae33b05 .shop_table tr {
        display: table-row !important;
    }

    /* --- PARTE 2: COMPRIMIR EL CONTENIDO --- */

    /* 2a. Celdas y Encabezados: Reducimos padding y tamaño de fuente */
    .elementor-26 .elementor-element.elementor-element-2ae33b05 .shop_table td,
    .elementor-26 .elementor-element.elementor-element-2ae33b05 .shop_table th {
        display: table-cell !important;
        vertical-align: middle !important;
        /* ¡CLAVE! Reducimos el espacio interno y el tamaño de la letra */
        padding: 8px 5px !important;
        font-size: 13px !important;
         
    }

    /* 2b. Campo de Cantidad: Lo hacemos mucho más pequeño */
    .elementor-26 .elementor-element.elementor-element-2ae33b05 .quantity .input-text {
        /* ¡CLAVE! Reducimos drásticamente el ancho del campo numérico */
        width: 40px !important;
        padding: 5px !important;
        font-size: 14px !important;
    }

    /* --- PARTE 3: OCULTAR LAS COLUMNAS NO DESEADAS --- */
    
    .elementor-26 .elementor-element.elementor-element-2ae33b05 .shop_table th.product-remove,
    .elementor-26 .elementor-element.elementor-element-2ae33b05 .shop_table td.product-remove,
    .elementor-26 .elementor-element.elementor-element-2ae33b05 .shop_table th.product-thumbnail,
    .elementor-26 .elementor-element.elementor-element-2ae33b05 .shop_table td.product-thumbnail {
        display: none !important;
    }

    /* --- PARTE 4: BOTONES DE ACCIÓN --- */
    
    .elementor-26 .elementor-element.elementor-element-2ae33b05 .actions .coupon { width: 100%; margin-bottom: 15px; }
    .elementor-26 .elementor-element.elementor-element-2ae33b05 .actions .coupon .input-text { width: 100%; }
    .elementor-26 .elementor-element.elementor-element-2ae33b05 .actions .button { width: 100%; display: block; margin-top: 10px; }
}/* End custom CSS */