.elementor-10 .elementor-element.elementor-element-8dafacd{--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;}.elementor-10 .elementor-element.elementor-element-9999f34{text-align:center;}.elementor-10 .elementor-element.elementor-element-56d9845{--divider-border-style:solid;--divider-color:#D58505;--divider-border-width:1px;}.elementor-10 .elementor-element.elementor-element-56d9845 .elementor-divider-separator{width:100%;}.elementor-10 .elementor-element.elementor-element-56d9845 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-10 .elementor-element.elementor-element-18af5fe9{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-6dd9a486 *//*
 * ---------------------------------------
 * CSS para Bloques de Carrito de WooCommerce
 * ---------------------------------------
 */

/* Contenedor Principal (Bloque del Carrito) */
.wp-block-woocommerce-cart {
    max-width: 1200px;
    margin: 40px auto; /* Centra el carrito y da espacio arriba/abajo */
    padding: 20px;
}

/* 1. SECCIÓN DE ARTÍCULOS (LADO IZQUIERDO) */

/* Contenedor de Artículos */
.wp-block-woocommerce-cart-items-block {
    padding-right: 20px; /* Espacio entre las dos columnas */
}

/* Línea de Producto Individual */
.wc-block-components-line-item {
    border-bottom: 1px solid #eee; /* Separador sutil */
    padding-bottom: 15px;
    margin-bottom: 15px;
}

/* Título del Producto */
.wc-block-components-product-name {
    font-weight: 600;
    color: #333;
    font-size: 1.1em;
}

/* Precio del Producto */
.wc-block-components-product-price {
    font-weight: 700;
    color: #28a745; /* Color para el precio principal, similar al color "Hola" */
}

/* Botones de Cantidad (Estilizar la entrada) */
.wc-block-components-quantity-.elementor-10 .elementor-element.elementor-element-6dd9a486__button {
    background-color: #f8f9fa !important;
    border: 1px solid #ced4da !important;
    color: #495057 !important;
    transition: background-color 0.3s;
}

.wc-block-components-quantity-.elementor-10 .elementor-element.elementor-element-6dd9a486__button:hover {
    background-color: #e9ecef !important;
}

/* Enlace "Eliminar artículo" */
.wc-block-components-line-item__remove-item {
    color: #dc3545; /* Rojo para destacar la acción de eliminar */
    font-size: 0.9em;
    text-decoration: none; /* Quitar el subrayado por defecto */
}
.wc-block-components-line-item__remove-item:hover {
    text-decoration: underline;
}


/* 2. SECCIÓN DE TOTALES (LADO DERECHO) */

.wp-block-woocommerce-cart-totals-block {
    background-color: #f7f7f7; /* Fondo sutil para el resumen */
    border-radius: 8px; /* Bordes redondeados */
    padding: 20px;
    border: 1px solid #eee;
}

/* Títulos de Resumen (Subtotal, etc.) */
.wc-block-components-order-summary-item__label,
.wc-block-components-order-summary-heading-block h2 {
    font-weight: 500;
    color: #555;
    margin-bottom: 5px;
}

/* Valores de Resumen */
.wc-block-components-order-summary-item__value {
    font-weight: 600;
    color: #333;
}

/* TOTAL ESTIMADO */
.wc-block-components-order-summary-cart-total {
    border-top: 2px solid #ddd; /* Separador fuerte */
    padding-top: 15px;
    margin-top: 15px;
    font-size: 1.2em; /* Hace el total más grande */
    font-weight: 700;
}

/* Etiqueta del Total */
.wc-block-components-order-summary-cart-total .wc-block-components-order-summary-item__label {
    font-size: 1em;
    font-weight: 700;
    color: #222;
}

/* Botón "Finalizar compra" */
.wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button {
    background-color: #007bff; /* Azul vibrante, puedes cambiar a tu color de marca */
    color: white;
    font-weight: 600;
    border-radius: 5px;
    padding: 12px 20px;
    text-transform: uppercase;
    transition: background-color 0.3s;
    width: 100%; /* Ocupa todo el ancho */
    margin-top: 20px;
    border: none;
}

.wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button:hover {
    background-color: #0056b3;
}/* End custom CSS */