.elementor-84 .elementor-element.elementor-element-2572f95:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-2572f95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, var( --e-global-color-primary ) 0%, var( --e-global-color-3d193d8 ) 100%);}.elementor-84 .elementor-element.elementor-element-2572f95 > .elementor-background-overlay{background-image:url("https://www.amulenexpediciones.cl/wp-content/uploads/2026/06/shape8-1.png");background-position:bottom center;background-repeat:repeat-x;background-size:39% auto;opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-84 .elementor-element.elementor-element-2572f95{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:100px 0px 140px 0px;}.elementor-84 .elementor-element.elementor-element-83a9c70{text-align:center;}.elementor-84 .elementor-element.elementor-element-83a9c70 .elementor-heading-title{font-family:var( --e-global-typography-3f3e88c-font-family ), Sans-serif;font-size:var( --e-global-typography-3f3e88c-font-size );font-weight:var( --e-global-typography-3f3e88c-font-weight );text-transform:var( --e-global-typography-3f3e88c-text-transform );line-height:var( --e-global-typography-3f3e88c-line-height );color:var( --e-global-color-3c2ad25 );}@media(max-width:1024px){.elementor-84 .elementor-element.elementor-element-2572f95{padding:100px 0px 120px 0px;}.elementor-84 .elementor-element.elementor-element-83a9c70 .elementor-heading-title{font-size:var( --e-global-typography-3f3e88c-font-size );line-height:var( --e-global-typography-3f3e88c-line-height );}}@media(max-width:767px){.elementor-84 .elementor-element.elementor-element-2572f95 > .elementor-background-overlay{background-size:100% auto;}.elementor-84 .elementor-element.elementor-element-2572f95{padding:100px 0px 120px 0px;}.elementor-84 .elementor-element.elementor-element-83a9c70 .elementor-heading-title{font-size:var( --e-global-typography-3f3e88c-font-size );line-height:var( --e-global-typography-3f3e88c-line-height );}}/* Start custom CSS for shortcode, class: .elementor-element-75937ed *//* 1. Ocultar la columna de la imagen del producto (Cabecera y Celda) */
.elementor-84 .elementor-element.elementor-element-75937ed .woocommerce table.shop_table th.product-thumbnail,
.elementor-84 .elementor-element.elementor-element-75937ed .woocommerce table.shop_table td.product-thumbnail {
    display: none !important;
}

/* 2. Diseño moderno y limpio para la tabla principal */
.elementor-84 .elementor-element.elementor-element-75937ed .woocommerce table.shop_table {
    border-collapse: collapse;
    border: none !important;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03); /* Sombra súper sutil */
}

/* Estilo de la cabecera de la tabla */
.elementor-84 .elementor-element.elementor-element-75937ed .woocommerce table.shop_table th {
    background-color: #17233E !important; /* Dark Blue */
    color: #FFFFFF !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    border: none !important;
    padding: 18px 15px !important;
}

/* Estilo de las filas de productos */
.elementor-84 .elementor-element.elementor-element-75937ed .woocommerce table.shop_table td {
    border: none !important;
    border-bottom: 1px solid #F1F1F1 !important; /* Light Grey para separar */
    padding: 20px 15px !important;
    color: #777777 !important; /* Text color */
    vertical-align: middle;
}

/* 3. Nombre del producto */
.elementor-84 .elementor-element.elementor-element-75937ed .woocommerce table.shop_table td.product-name a {
    color: #004F9F !important; /* Primary */
    font-weight: bold;
    text-decoration: none;
    transition: all 0.3s ease;
}

.elementor-84 .elementor-element.elementor-element-75937ed .woocommerce table.shop_table td.product-name a:hover {
    color: #00B1EB !important; /* Accent al pasar el mouse */
}

/* 4. Inputs y Botones secundarios (Cupón y Actualizar) */
.elementor-84 .elementor-element.elementor-element-75937ed .woocommerce .actions .coupon input.input-text {
    border: 1px solid #F1F1F1 !important;
    border-radius: 6px !important;
    padding: 12px 15px !important;
    color: #777777 !important;
}

.elementor-84 .elementor-element.elementor-element-75937ed .woocommerce .actions .button {
    background-color: #F1F1F1 !important; /* Light Grey */
    color: #17233E !important; /* Dark Blue */
    border-radius: 6px !important;
    border: none !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.elementor-84 .elementor-element.elementor-element-75937ed .woocommerce .actions .button:hover {
    background-color: #004F9F !important; /* Primary */
    color: #FFFFFF !important;
}

/* 5. Modernizar la caja de Totales del Carrito y achicar el título */
.elementor-84 .elementor-element.elementor-element-75937ed .cart-collaterals .cart_totals h2 {
    font-size: 22px !important; /* Aquí controlas el tamaño (achicado a 22px) */
    color: #17233E !important; 
    font-weight: 800;
    border-bottom: 2px solid #00B1EB; 
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.elementor-84 .elementor-element.elementor-element-75937ed .cart-collaterals .cart_totals h2 {
    color: #17233E !important; /* Dark Blue */
    font-weight: 800;
    border-bottom: 2px solid #00B1EB; /* Accent line decorativa */
    padding-bottom: 15px;
    margin-bottom: 20px;
}

/* 6. Botón Principal (Finalizar Compra) - Optimizado para conversión */
.elementor-84 .elementor-element.elementor-element-75937ed .woocommerce .cart-collaterals .checkout-button {
    background-color: #EF7D00 !important; /* Secondary (Naranja) */
    color: #FFFFFF !important;
    border-radius: 6px !important;
    padding: 18px 20px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    width: 100%;
    text-align: center;
    display: block;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(239, 125, 0, 0.3); /* Resplandor naranja */
}

.elementor-84 .elementor-element.elementor-element-75937ed .woocommerce .cart-collaterals .checkout-button:hover {
    background-color: #17233E !important; /* Cambia a Dark Blue al pasar el mouse */
    transform: translateY(-2px); /* Pequeño efecto de elevación */
    box-shadow: 0 6px 20px rgba(23, 35, 62, 0.3);
}

/* Boton de eliminar (la X roja) */
.elementor-84 .elementor-element.elementor-element-75937ed .woocommerce table.shop_table td.product-remove a.remove {
    color: #EF7D00 !important;
    font-weight: bold;
}
.elementor-84 .elementor-element.elementor-element-75937ed .woocommerce table.shop_table td.product-remove a.remove:hover {
    background-color: #EF7D00 !important;
    color: #FFFFFF !important;
}/* 4. Ajustar y extender la caja del cupón */
.elementor-84 .elementor-element.elementor-element-75937ed .woocommerce .actions .coupon {
    display: flex !important;
    align-items: center;
    gap: 10px; /* Separación limpia entre el campo y el botón */
}

.elementor-84 .elementor-element.elementor-element-75937ed .woocommerce .actions .coupon input.input-text {
    width: 200px !important; /* Fuerzas un ancho más amplio */
    min-width: 180px !important; /* Evitas que se comprima en móviles */
    border: 1px solid #F1F1F1 !important;
    border-radius: 6px !important;
    padding: 12px 15px !important;
    color: #777777 !important;
}/* 7. Correcciones para Móvil (Responsive) */
@media (max-width: 767px) {
    
    /* Evitar que los textos largos ensanchen la tabla */
    .elementor-84 .elementor-element.elementor-element-75937ed .woocommerce table.shop_table td {
        word-break: break-word !important;
        white-space: normal !important;
    }

    /* Apilar el área de cupones verticalmente */
    .elementor-84 .elementor-element.elementor-element-75937ed .woocommerce .actions .coupon {
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        gap: 10px !important;
    }

    /* Que los inputs y botones ocupen el 100% del ancho en el celular */
    .elementor-84 .elementor-element.elementor-element-75937ed .woocommerce .actions .coupon input.input-text,
    .elementor-84 .elementor-element.elementor-element-75937ed .woocommerce .actions .button {
        width: 100% !important;
        min-width: 100% !important;
        margin-top: 5px !important;
    }
}
/* =========================================================
   CORRECCIÓN DEFINITIVA: CAJA DE CANTIDAD Y CELDA
========================================================= */

/* 1. Darle espacio a la columna completa para que no se aplaste */
.elementor-84 .elementor-element.elementor-element-75937ed .woocommerce table.shop_table th.product-quantity,
.elementor-84 .elementor-element.elementor-element-75937ed .woocommerce table.shop_table td.product-quantity {
    width: 120px !important;
    min-width: 120px !important;
    text-align: center !important;
}

/* 2. Proteger el contenedor padre de la cantidad */
.elementor-84 .elementor-element.elementor-element-75937ed .woocommerce table.shop_table td.product-quantity .quantity {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 80px !important;
    margin: 0 auto !important;
}

/* 3. Forzar al número a mostrarse centrado y anular sangrías ocultas */
.elementor-84 .elementor-element.elementor-element-75937ed .woocommerce table.shop_table td.product-quantity .quantity input.qty {
    width: 100% !important;
    min-width: 100% !important;
    height: 45px !important;
    padding: 0 !important; 
    margin: 0 !important;
    text-align: center !important; 
    text-indent: 0px !important; /* ESTA ES LA CLAVE: Anula empujes invisibles */
    letter-spacing: normal !important;
    border: 1px solid #D1D1D1 !important; 
    border-radius: 6px !important;
    background-color: #FFFFFF !important;
    color: #17233E !important; /* Tu color Dark Blue para que resalte más */
    font-size: 16px !important;
    font-weight: bold !important;
    box-shadow: none !important;
}

/* 4. Evitar que las flechitas por defecto (spinners) rompan el ancho en navegadores Chrome/Safari */
.elementor-84 .elementor-element.elementor-element-75937ed .woocommerce table.shop_table td.product-quantity .quantity input.qty::-webkit-outer-spin-button,
.elementor-84 .elementor-element.elementor-element-75937ed .woocommerce table.shop_table td.product-quantity .quantity input.qty::-webkit-inner-spin-button {
    opacity: 1 !important;
    margin-left: 5px !important;
}
/* =========================================================
   CORRECCIÓN DEFINITIVA: ELIMINAR CUADRO BLANCO EN MÓVIL
========================================================= */

@media (max-width: 767px) {
    /* 1. Forzar a la celda de cantidad a ser compacta y transparente */
    .elementor-84 .elementor-element.elementor-element-75937ed .woocommerce table.shop_table td.product-quantity {
        display: flex !important; /* Usar flexbox para alinear */
        align-items: center !important; /* Centrar verticalmente la etiqueta y el número */
        justify-content: flex-start !important; /* Alinear todo a la izquierda */
        background-color: transparent !important; /* ELIMINA EL CUADRO BLANCO */
        border: none !important; /* Quita bordes residuales */
        width: 100% !important; /* Ocupa el ancho total para alinear */
        max-width: 100% !important;
        padding-left: 0 !important; /* Ajustar rellenos */
        padding-right: 0 !important;
        padding-top: 10px !important; /* Un poco de aire para que no se pegue */
        padding-bottom: 10px !important;
    }

    /* 2. Asegurar que la etiqueta móvil "Cantidad:" y el número estén alineados */
    .elementor-84 .elementor-element.elementor-element-75937ed .woocommerce table.shop_table td.product-quantity::before {
        margin-right: 15px !important; /* Espacio limpio entre 'Cantidad:' y el número */
        font-weight: 600 !important;
        color: #17233E !important; /* Tu Dark Blue para coherencia */
        content: "Cantidad:" !important; /* Asegura que la etiqueta exista */
    }

    /* 3. Asegurar que el campo numérico no se deforme */
    .elementor-84 .elementor-element.elementor-element-75937ed .woocommerce table.shop_table td.product-quantity .quantity input.qty {
        width: 80px !important; /* Tamaño cómodo para móvil, como configuramos antes */
        margin: 0 !important;
    }
}
/* =========================================================
   CORRECCIÓN DEFINITIVA: CANTIDAD DENTRO DEL CAJÓN EN MÓVIL
========================================================= */

@media (max-width: 767px) {
    /* 1. Integrar la celda al diseño de la tarjeta gris */
    .elementor-84 .elementor-element.elementor-element-75937ed .woocommerce table.shop_table td.product-quantity {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important; /* Etiqueta a la izquierda, número a la derecha */
        background-color: transparent !important; /* Toma el color gris del cajón general */
        border: none !important;
        border-bottom: 1px solid rgba(0,0,0,0.05) !important; /* Misma línea tenue que los demás */
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 15px 10px !important; /* Mismo padding que "Precio" y "Subtotal" */
    }

    /* 2. Mantener la etiqueta alineada a la izquierda */
    .elementor-84 .elementor-element.elementor-element-75937ed .woocommerce table.shop_table td.product-quantity::before {
        content: "Cantidad:" !important;
        color: #17233E !important;
        font-weight: 600 !important;
        float: none !important;
        margin: 0 !important;
    }

    /* 3. Asegurar que el .elementor-84 .elementor-element.elementor-element-75937ed de cantidad se vea ordenado a la derecha */
    .elementor-84 .elementor-element.elementor-element-75937ed .woocommerce table.shop_table td.product-quantity .quantity {
        margin: 0 !important;
        justify-content: flex-end !important;
    }

    /* 4. Ajustar el tamaño de la cajita para móvil */
    .elementor-84 .elementor-element.elementor-element-75937ed .woocommerce table.shop_table td.product-quantity .quantity input.qty {
        width: 80px !important;
        margin: 0 !important;
    }
}/* End custom CSS */