.elementor-327 .elementor-element.elementor-element-1f8d221{--display:flex;--min-height:45vh;--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;--overlay-opacity:0.5;}.elementor-327 .elementor-element.elementor-element-1f8d221:not(.elementor-motion-effects-element-type-background), .elementor-327 .elementor-element.elementor-element-1f8d221 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://temporal-20.heuristic-poitras.212-227-248-58.plesk.page/wp-content/uploads/2026/03/background-1.webp");background-position:center center;background-size:cover;}.elementor-327 .elementor-element.elementor-element-1f8d221::before, .elementor-327 .elementor-element.elementor-element-1f8d221 > .elementor-background-video-container::before, .elementor-327 .elementor-element.elementor-element-1f8d221 > .e-con-inner > .elementor-background-video-container::before, .elementor-327 .elementor-element.elementor-element-1f8d221 > .elementor-background-slideshow::before, .elementor-327 .elementor-element.elementor-element-1f8d221 > .e-con-inner > .elementor-background-slideshow::before, .elementor-327 .elementor-element.elementor-element-1f8d221 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-327 .elementor-element.elementor-element-74bcb4a .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-327 .elementor-element.elementor-element-886561f{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-327 .elementor-element.elementor-element-886561f{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}}@media(max-width:767px){.elementor-327 .elementor-element.elementor-element-886561f{--padding-top:50px;--padding-bottom:050px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for shortcode, class: .elementor-element-7059725 *//* =============================================
   1. LAYOUT DE 2 COLUMNAS (DESKTOP & TABLET)
   ============================================= */
@media (min-width: 992px) {
    .woocommerce {
        display: flex !important;
        align-items: flex-start !important;
        gap: 0px !important;
    }
    .woocommerce-cart-form {
        flex: 1 !important; /* La tabla ocupa el resto */
    }
    .cart-collaterals {
        width: 600px!important; /* Caja de totales fija */
        position: sticky !important;
        top: 120px !important;
    }
}

/* =============================================
   2. ESTILO DE LA TABLA DE PRODUCTOS
   ============================================= */
.woocommerce-cart table.cart {
    border-collapse: separate !important;
    border-spacing: 0 15px !important; /* Espacio entre filas */
    border: none !important;
}

.woocommerce-cart table.cart thead {
    background-color: #F9FAFB !important;
}

.woocommerce-cart table.cart thead th {
    padding: 15px 20px !important;
    font-family: "Fredoka", sans-serif !important;
    text-transform: uppercase;
    font-size: 13px;
    color: #6B7280;
    border: none !important;
}

/* Cada fila como una tarjeta blanca */
.woocommerce-cart table.cart tr.cart_item {
    background: #FFFFFF !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
}

.woocommerce-cart table.cart td {
    padding: 20px !important;
    border: 1px solid #F3F4F6 !important;
    border-width: 1px 0 !important; /* Solo bordes arriba y abajo */
    vertical-align: middle !important;
}

/* Fix Imagen */
.woocommerce-cart table.cart td.product-thumbnail {
    display: table-cell !important;
}

.woocommerce-cart table.cart img {
    width: 80px !important;
    border-radius: 12px !important;
    background: #d5177c;
}

/* Título del producto */
.woocommerce-cart table.cart td.product-name a {
    font-family: "Fredoka", sans-serif !important;
    font-weight: 700 !important;
    color: #1F2937 !important;
    font-size: 16px !important;
    text-decoration: none !important;
}

/* Precios en Verde SlimU */
.woocommerce-cart .amount {
    color: #d5177c !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}

/* =============================================
   3. BOTONES DE ACCIÓN (FIX LETRAS INVISIBLES)
   ============================================= */

/* --- BOTÓN: FINALIZAR COMPRA (EL PRINCIPAL) --- */
.woocommerce-cart .checkout-button {
    background-color: #d5177c !important;
    border-radius: 50px !important;
    padding: 18px !important;
    text-align: center !important;
    display: block !important;
    transition: all 0.3s ease !important;
    border: none !important;
    color: #FFFFFF !important; /* Forzamos blanco */
    font-weight: 700 !important;
    font-size: 16px !important;
    font-family: "Fredoka", sans-serif !important;
}

.woocommerce-cart .checkout-button:hover {
    background-color: #d5177c !important;
    transform: translateY(-3px);
}

/* --- BOTONES SECUNDARIOS: APLICAR CUPÓN / ACTUALIZAR --- */
.woocommerce-cart .button[name="update_cart"],
.woocommerce-cart .button[name="apply_coupon"] {
    background-color: #d5177c30 !important;
    color: #d5177c !important; /* Texto verde SlimU */
    border: none !important;
    border-radius: 50px !important;
    padding: 12px 25px !important;
    font-weight: 700 !important;
    font-family: "Fredoka", sans-serif !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
}

.woocommerce-cart .button[name="update_cart"]:hover,
.woocommerce-cart .button[name="apply_coupon"]:hover {
    background-color: #d5177c !important;
    color: #FFFFFF !important;
}

/* Input de Cupón */
#coupon_code {
    border-radius: 50px !important;
    border: 1px solid  !important;
    padding: 10px 20px !important;
    height: 42px !important;
}

/* =============================================
   4. CAJA DE TOTALES (DERECHA)
   ============================================= */
.cart_totals {
    background: #FFFFFF !important;
    border: 2px solid #d5177c !important; /* Borde verde para jerarquía */
    padding: 30px !important;
    border-radius: 24px !important;
}

.cart_totals h2 {
    font-family: "Fredoka", sans-serif !important;
    font-weight: 800 !important;
    font-size: 22px !important;
    margin-bottom: 20px !important;
}

.cart_totals table th {
    font-size: 14px;
    color: #6B7280;
}/* End custom CSS */