.elementor-kit-772{--e-global-color-primary:#10426A;--e-global-color-secondary:#45B7B7;--e-global-color-text:#333333;--e-global-color-accent:#8AD1EF;--e-global-color-cigray:#F7F7F7;--e-global-color-ciwhats:#25D366;--e-global-typography-primary-font-family:"Arima";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Arima";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Mukta";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Mukta";--e-global-typography-accent-font-weight:500;background-color:#ffffff;color:#333333;font-family:"Mukta", Sans-serif;}.elementor-kit-772 button,.elementor-kit-772 input[type="button"],.elementor-kit-772 input[type="submit"],.elementor-kit-772 .elementor-button{background-color:#45B7B7;color:#ffffff;}.elementor-kit-772 e-page-transition{background-color:#FFBC7D;}.elementor-kit-772 a{color:#45B7B7;font-family:"Mukta", Sans-serif;}.elementor-kit-772 a:hover{color:#10426A;}.elementor-kit-772 h1{color:#10426A;}.elementor-kit-772 h2{color:#10426A;}.elementor-kit-772 h3{color:#10426A;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =================================================================
   CUSTOM CSS: CARRITO DE COMPRAS WOOCOMMERCE BLOCKS (OPTIMIZADO)
   ================================================================= */

/* 1. Contenedor principal: Ajuste fluido para evitar desbordamientos */
.wp-block-woocommerce-cart.alignwide {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
}

.wp-block-woocommerce-cart.is-large {
    gap: 30px !important;
}

/* 2. Pantallas móviles (Smartphones < 768px) */
@media screen and (max-width: 767px) {
    
    /* Apilar los bloques del carrito en una sola columna ordenada */
    .wp-block-woocommerce-cart .wc-block-components-sidebar-layout {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        width: 100% !important;
        margin: 0 !important;
    }

    /* Ocupar el 100% del ancho sin salirse de los bordes */
    .wp-block-woocommerce-cart-items-block,
    .wc-block-components-sidebar.wc-block-cart__sidebar {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    .wc-block-cart-items {
        width: 100% !important;
    }

    /* Ocultar la cabecera de la tabla en móvil */
    .wc-block-cart-items__header {
        display: none !important;
    }

    /* Tarjeta individual del producto */
    .wc-block-cart-items__row {
        display: flex !important;
        flex-wrap: wrap !important;
        background: #ffffff !important;
        border: 1px solid #eaeaea !important;
        border-radius: 12px !important;
        padding: 15px !important;
        margin-bottom: 15px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Imagen del producto */
    .wc-block-cart-item__image {
        flex: 0 0 65px !important;
        max-width: 65px !important;
        margin-right: 12px !important;
    }
    
    .wc-block-cart-item__image img {
        width: 65px !important;
        height: 65px !important;
        object-fit: cover !important;
        border-radius: 8px !important;
    }

    /* Detalles y textos */
    .wc-block-cart-item__product {
        flex: 1 !important;
        min-width: 0 !important;
        padding-left: 0 !important;
    }

    .wc-block-cart-item__product .wc-block-components-product-name {
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
        color: #1a1a1a !important;
        display: block;
        margin-bottom: 6px !important;
        word-break: break-word;
    }

    .wc-block-cart-item__prices {
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #0073e6 !important;
        margin-bottom: 8px !important;
    }

    /* =========================================================
       BOTÓN DE ELIMINAR / PAPELERA CORREGIDO Y VISIBLE
       ========================================================= */
    .wc-block-cart-item__quantity {
        display: flex !important;
        align-items: center !important;
        margin-top: 8px !important;
    }

    .wc-block-cart-item__remove-link {
        background: #fff0f0 !important;
        border: 1px solid #ffd6d6 !important;
        border-radius: 8px !important;
        padding: 6px 12px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #d9534f !important;
        cursor: pointer !important;
        text-decoration: none !important;
        transition: background 0.2s ease;
    }
    
    .wc-block-cart-item__remove-link svg {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;
        display: inline-block !important;
        fill: #d9534f !important;
        stroke: none !important;
    }

    .wc-block-cart-item__remove-link svg path {
        fill: #d9534f !important;
    }

    .wc-block-cart-item__remove-link:hover {
        background: #ffe0e0 !important;
    }

    /* Subtotal inferior de la tarjeta */
    .wc-block-cart-item__total {
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        border-top: 1px solid #f0f0f0 !important;
        margin-top: 12px !important;
        padding-top: 10px !important;
        box-sizing: border-box !important;
    }
    
    .wc-block-cart-item__total::before {
        content: "Subtotal:";
        font-size: 13px;
        color: #666;
        font-weight: 500;
    }

    /* Caja de totales / sidebar en móvil */
    .wc-block-components-sidebar.wc-block-cart__sidebar {
        background: #fbfbfb !important;
        border: 1px solid #eaeaea !important;
        border-radius: 12px !important;
        padding: 20px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
    }

    /* Botón de finalizar compra adaptado al 100% */
    .wc-block-cart__submit,
    .wc-block-cart__submit-container {
        width: 100% !important;
    }

    .wc-block-cart__submit-button {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        padding: 14px 20px !important;
        font-size: 16px !important;
        border-radius: 8px !important;
        background-color: #0073e6 !important;
        color: #ffffff !important;
        font-weight: 600 !important;
        box-sizing: border-box !important;
    }
}

/* 3. Mejoras generales para Escritorio (Desktop) */
@media screen and (min-width: 768px) {
    .wc-block-components-sidebar.wc-block-cart__sidebar {
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 12px !important;
        padding: 24px !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
    }
    
    .wc-block-cart-items__row {
        border-bottom: 1px solid #edf2f7 !important;
    }

    .wc-block-cart__submit-button {
        width: 100% !important;
        justify-content: center !important;
        padding: 14px 20px !important;
        border-radius: 8px !important;
        font-weight: 600 !important;
    }
}/* End custom CSS */