.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-8 .elementor-element.elementor-element-304b657a{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}/* Start custom CSS for text-editor, class: .elementor-element-16faa725 *//* ==========================================
   ESTILOS GENERALES DEL CARRITO
   ========================================== */
body {
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    color: #333333;
    background-color: #fcfcfc;
}

/* Contenedor principal o títulos */
h1, .title {
    font-size: 2rem;
    font-weight: 600;
    color: #222222;
    margin-bottom: 1.5rem;
}

/* Líneas divisorias sutiles */
hr, border-bottom {
    border-color: #eaeaea !important;
}

/* ==========================================
   SECCIÓN DE PRODUCTOS (IZQUIERDA)
   ========================================== */

/* Enlace del producto */
a {
    color: #d1345b; /* Un tono cereza/rosado más elegante */
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

a:hover {
    color: #a82244;
}

/* Descripción del producto */
p, .description {
    font-size: 0.9rem;
    color: #666663;
    line-height: 1.5;
}

/* ==========================================
   CONTROLES Y SELECTOR DE CANTIDAD
   ========================================== */

/* Contenedor del .elementor-8 .elementor-element.elementor-element-16faa725 de cantidad */
.quantity-.elementor-8 .elementor-element.elementor-element-16faa725 {
    display: inline-flex;
    align-items: center;
    border: 1px solid #cccccc;
    border-radius: 6px;
    overflow: hidden;
    background-color: #ffffff;
}

/* Botones de + y - */
.quantity-.elementor-8 .elementor-element.elementor-element-16faa725 button {
    background: none;
    border: none;
    padding: 8px 12px;
    cursor: pointer;
    color: #555555;
    font-size: 1rem;
    transition: background-color 0.2s;
}

.quantity-.elementor-8 .elementor-element.elementor-element-16faa725 button:hover {
    background-color: #f5f5f5;
}

/* Input del número */
.quantity-.elementor-8 .elementor-element.elementor-element-16faa725 input {
    border: none;
    text-align: center;
    width: 40px;
    font-weight: 600;
    color: #333333;
}

/* Icono de eliminar (Tacho de basura) */
.delete-icon {
    color: #888888;
    cursor: pointer;
    transition: color 0.2s ease, transform 0.2s ease;
    margin-left: 15px;
    vertical-align: middle;
}

.delete-icon:hover {
    color: #e53935; /* Rojo suave al pasar el cursor */
    transform: scale(1.05);
}

/* ==========================================
   RESUMEN DEL PEDIDO (DERECHA)
   ========================================== */

/* Contenedor lateral */
.cart-totals-sidebar {
    background-color: #ffffff;
    border: 1px solid #eef0f2;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

/* Título de totales */
.cart-totals-sidebar h2 {
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #777777;
    margin-bottom: 20px;
}

/* Desplegable de cupones */
.coupon-dropdown {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 10px 12px;
    color: #555555;
    cursor: pointer;
    background-color: #ffffff;
}

/* Texto de "Estimated Total" */
.estimated-total-label {
    font-size: 1.1rem;
    font-weight: 500;
    color: #333333;
}

/* Precio destacado */
.total-price {
    font-size: 1.5rem;
    font-weight: 700;
    color: #222222;
}

/* Texto de envío */
.shipping-note {
    font-size: 0.8rem;
    color: #888888;
    font-style: italic;
}

/* ==========================================
   BOTÓN PRINCIPAL DE PAGO
   ========================================== */
.btn-proceed-to-checkout {
    background-color: #2b303a; /* Un gris oscuro/azul profundo muy moderno */
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 14px 28px;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
    width: 100%;
}

.btn-proceed-to-checkout:hover {
    background-color: #1a1d24;
    box-shadow: 0 4px 12px rgba(43, 48, 58, 0.2);
}/* End custom CSS */