.elementor-82 .elementor-element.elementor-element-39db40e0{--display:flex;}/* Start custom CSS for container, class: .elementor-element-39db40e0 *//* --- 1. ESTILOS PARA TÍTULOS DE LA TABLA PRINCIPAL --- */

/* Color para los encabezados de la tabla (Producto, Cantidad, Subtotal) */
.woocommerce-cart-form .shop_table th {
    color: #fcc739;
    font-weight: bold;
    border-bottom-color: #A81c1c; /* Borde inferior de los encabezados en rojo */
}

/* Color para los nombres de los productos (Snapback Cap, mensaje de voz personalizado) */
.woocommerce-cart-form .product-name a {
    color: #fcc739;
}

/* Color para los precios/subtotales de la tabla (los números $30.00, $30,000.00) */
.woocommerce-cart-form .product-price,
.woocommerce-cart-form .product-subtotal,
.woocommerce-cart-form .product-price .amount,
.woocommerce-cart-form .product-subtotal .amount {
    color: #fcc739;
    font-weight: bold;
}

/* Color de las líneas horizontales entre los productos en la tabla principal */
.woocommerce-cart-form .shop_table td {
    border-top-color: #A81c1c;
}


/* --- 2. ESTILOS PARA EL RESUMEN DEL CARRITO (Total del carrito) --- */

/* Color para el título "Total del carrito" */
.cart_totals h2 {
    color: #fcc739;
    border-bottom: 2px solid #A81c1c; /* Línea debajo de "Total del carrito" en rojo */
    padding-bottom: 10px;
}

/* Color para las etiquetas del resumen (Subtotal, Total) */
.cart_totals table th {
    color: #fcc739;
    font-weight: normal;
    border-top-color: #A81c1c; /* Líneas de la tabla de resumen en rojo */
}

/* Color para los valores del resumen ($30,030.00, $30,030.00) */
.cart_totals table td,
.cart_totals table td .amount {
    color: #fcc739;
    font-weight: bold;
    border-top-color: #A81c1c; /* Líneas de la tabla de resumen en rojo */
}

/* Línea final del resumen */
.cart_totals table tr:last-child td,
.cart_totals table tr:last-child th {
    border-bottom-color: #A81c1c; /* Borde inferior de la última fila del resumen en rojo */
}

/* --- 3. ESTILOS PARA BOTONES Y CAMPOS DE CUPÓN --- */

/* Color de fondo y texto para los botones (Estado normal) */
.woocommerce-cart-form .button,
.woocommerce-cart-form .coupon .button,
.cart_totals .wc-proceed-to-checkout .checkout-button {
    background-color: #fcc739 !important;
    color: #131117 !important; /* Texto oscuro para contraste */
    border: 1px solid #fcc739 !important;
    font-weight: bold;
    transition: background-color 0.3s ease; /* Suaviza la transición del hover */
}

/* Estilo HOVER (al pasar el ratón) para los botones */
.woocommerce-cart-form .button:hover,
.woocommerce-cart-form .coupon .button:hover,
.cart_totals .wc-proceed-to-checkout .checkout-button:hover {
    background-color: #A81c1c !important; /* ROJO VINOSO al pasar el mouse */
    color: #ffffff !important; /* Texto blanco para contraste en el rojo */
    border-color: #A81c1c !important;
}

/* Color del texto en el campo de cantidad (+ y -) */
.quantity input.qty {
    color: #fcc739;
    border-color: #A81c1c; /* Borde del campo de cantidad en rojo */
}

/* Los bordes de los botones + y - */
.quantity .minus, .quantity .plus {
    border-color: #A81c1c !important;
    color: #fcc739 !important; /* Color de los signos + y - */
    background-color: transparent !important; /* Fondo transparente */
}

/* Hover para los botones + y - */
.quantity .minus:hover, .quantity .plus:hover {
    background-color: #A81c1c !important; /* Fondo rojo al pasar el mouse */
    color: #ffffff !important; /* Texto blanco */
}/* End custom CSS */