/* =====================================================================
   RV25 Relojería · CARRITO
   ---------------------------------------------------------------------
   Lo propio del panel "Tu carrito" (lo general del panel y de la lista
   está en css/componentes/panel.css):
     · selector de cantidad ( − 1 + ) y precio de la línea
     · cuentas del pie: subtotal, envío, total
     · nota de pago y botón "Finalizar pedido por WhatsApp"
   Lo pinta js/secciones/panel-carrito.js
   ===================================================================== */

.carrito-fila { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; }

.cantidad {
  display: inline-flex; align-items: center;
  border: 1px solid var(--arena-hover); border-radius: var(--radio-pildora);
}
.cantidad button {
  width: 38px; height: 38px;
  border: 0; border-radius: 50%; background: none; cursor: pointer;
  font: 400 20px/1 var(--letra); color: var(--tinta);
}
.cantidad button:hover:not(:disabled) { background: var(--arena); }
.cantidad button:disabled { color: var(--arena-hover); cursor: not-allowed; }
.cantidad span { min-width: 24px; text-align: center; font: 600 15px/1 var(--letra); }

/* --- Pie: cuentas --- */
.carrito-cuentas { margin: 0; display: grid; gap: 6px; }
.carrito-cuentas div { display: flex; justify-content: space-between; gap: 12px; font-size: 15px; }
.carrito-cuentas dt { color: var(--tinta-suave); }
.carrito-cuentas dd { margin: 0; }
.carrito-total { margin-top: 6px; padding-top: 10px; border-top: 1px solid var(--arena-2); }
.carrito-total dt { color: var(--tinta); font-weight: 600; }
.carrito-total dd { font: 600 22px/1.1 var(--letra); }

.carrito-nota { margin: 12px 0 14px; font-size: 13px; line-height: 1.45; color: var(--tinta-suave); }
.carrito-vaciar { display: block; margin: 10px auto 0; }