.elementor-1056 .elementor-element.elementor-element-a5e3e9d{--display:flex;--min-height:490px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:-94px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1056 .elementor-element.elementor-element-a5e3e9d:not(.elementor-motion-effects-element-type-background), .elementor-1056 .elementor-element.elementor-element-a5e3e9d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ilaeglobal.com/wp-content/uploads/2026/05/Group-2331.png");background-position:0px -60px;background-repeat:no-repeat;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1056 .elementor-element.elementor-element-90df549 .elementor-heading-title{font-family:"Exo", Sans-serif;font-size:58px;font-weight:700;text-transform:uppercase;color:#000000;}.elementor-1056 .elementor-element.elementor-element-166c34e2{--display:flex;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1056 .elementor-element.elementor-element-a5e3e9d:not(.elementor-motion-effects-element-type-background), .elementor-1056 .elementor-element.elementor-element-a5e3e9d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-1056 .elementor-element.elementor-element-a5e3e9d:not(.elementor-motion-effects-element-type-background), .elementor-1056 .elementor-element.elementor-element-a5e3e9d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1056 .elementor-element.elementor-element-90df549 .elementor-heading-title{font-size:34px;}}/* Start custom CSS *//* ==========================================================================
   REDISEÑO DE CARRITO PREMIUM (ULTRA-MINIMALISTA & BORDES REDONDEADOS)
   ========================================================================== */

/* 1. Fondo General y Limpieza de Contenedores */
.woocommerce-cart .woocommerce,
.woocommerce-cart .woocommerce-cart-form,
.cart-collaterals {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Ocultar el encabezado de la tabla clásica de WooCommerce */
.shop_table.cart thead {
    display: none !important;
}

/* 2. Caja del Producto (Estilo Tarjeta Redondeada) */
.shop_table.cart {
    border: none !important;
    background: transparent !important;
    border-collapse: separate !important;
    border-spacing: 0 15px !important; /* Separación si hay más de un producto */
    width: 100% !important;
}

.shop_table.cart tr.cart_item {
    background-color: #333333 !important; /* Fondo oscuro integrado al estilo de la web */
    color: #ffffff !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    padding: 20px !important;
    border-radius: 24px !important; /* Bordes super redondeados como la sección docente */
    margin-bottom: 15px !important;
    position: relative !important;
    border: none !important;
}

/* Celdas individuales de la tabla del producto */
.shop_table.cart tr.cart_item td {
    border: none !important;
    padding: 0 10px !important;
    background: transparent !important;
}

/* Enlace del título del producto */
.shop_table.cart tr.cart_item td.product-name a {
    color: #ffffff !important;
    font-family: sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.shop_table.cart tr.cart_item td.product-name a:hover {
    color: #FFC423 !important; /* Cambio de color al pasar el cursor (Amarillo institucional) */
}

/* Miniatura del producto redondeada */
.shop_table.cart tr.cart_item td.product-thumbnail img {
    border-radius: 12px !important;
    max-width: 70px !important;
    height: auto !important;
}

/* Botón de eliminar (X) flotando de forma sutil */
.shop_table.cart tr.cart_item td.product-remove {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
}

.shop_table.cart tr.cart_item td.product-remove a.remove {
    color: #aaaaaa !important;
    font-size: 20px !important;
}

.shop_table.cart tr.cart_item td.product-remove a.remove:hover {
    color: #ff3b30 !important;
    background: transparent !important;
}

/* Precio del producto dentro de la tarjeta */
.shop_table.cart tr.cart_item td.product-price,
.shop_table.cart tr.cart_item td.product-subtotal {
    color: #FFC423 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-left: auto !important; /* Empuja el precio al extremo derecho */
}

/* Ocultar acciones de actualizar carrito nativas de esa fila */
.shop_table.cart td.actions {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    text-align: right !important;
}

.shop_table.cart td.actions button[name="update_cart"],
.shop_table.cart td.actions .coupon {
    display: none !important; /* Ocultamos cupón y actualizar nativo si usas Elementor */
}

/* ==========================================================================
   3. Caja de Totales del Carrito (Lado Derecho / Bloque Inferior)
   ========================================================================== */
.cart-collaterals .cart_totals {
    width: 100% !important;
    float: none !important;
    background-color: #f4f4f4 !important; /* Gris claro muy limpio */
    padding: 30px !important;
    border-radius: 24px !important;
    box-sizing: border-box !important;
}

.cart_totals h2 {
    font-family: sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    text-transform: uppercase !important;
    margin-bottom: 20px !important;
    border-bottom: 2px solid #e6e6e6 !important;
    padding-bottom: 10px !important;
}

/* Estilo de la tabla de totales interna */
.cart_totals .shop_table_rows {
    width: 100% !important;
    border: none !important;
}

.cart_totals .cart-subtotal th, 
.cart_totals .order-total th {
    color: #666666 !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    text-align: left !important;
    padding: 10px 0 !important;
}

.cart_totals .cart-subtotal td, 
.cart_totals .order-total td {
    text-align: right !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    padding: 10px 0 !important;
}

/* Resaltado específico del precio total estimado */
.cart_totals .order-total td strong {
    font-size: 28px !important;
    color: #111111 !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   4. Botón de Acción Principal (Finalizar Compra)
   ========================================================================== */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: #000000 !important; /* Negro elegante dominante de tu UI */
    color: #ffffff !important;
    font-family: sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border: none !important;
    border-radius: 16px !important;
    padding: 16px 30px !important;
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    margin-top: 20px !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #FFC423 !important; /* Cambia a amarillo al hacer hover */
    color: #000000 !important;
    box-shadow: 0 6px 16px rgba(255, 196, 35, 0.3) !important;
}

/* ==========================================================================
   5. Diseño Responsivo Adaptable
   ========================================================================== */
@media (max-width: 767px) {
    .shop_table.cart tr.cart_item {
        flex-direction: column !important;
        text-align: center !important;
        padding: 30px 15px 20px 15px !important;
    }

    .shop_table.cart tr.cart_item td {
        margin: 8px 0 !important;
    }

    .shop_table.cart tr.cart_item td.product-price,
    .shop_table.cart tr.cart_item td.product-subtotal {
        margin-left: 0 !important;
        font-size: 22px !important;
    }

    .cart-collaterals .cart_totals {
        padding: 20px !important;
    }
}/* End custom CSS */