/* ============================================================
   CARRITO
   ============================================================ */

.pagina-titulo {
    font-weight: var(--sys-weight-extrabold);
    color: var(--sys-primary);
    margin: 0;
    letter-spacing: var(--sys-leading-heading);
}

.items-count {
    font-size: var(--sys-text-sm);
    color: var(--sys-secondary);
    font-weight: var(--sys-weight-medium);
}

.cart-components-container {
    display: flex;
    flex-direction: column;
    gap: var(--sys-spacing-4);
}

/* ── RESPONSIVIDAD ─────────────────────────────────────────── */
@media (max-width: 768px) {
    .carrito-wrapper {
        margin-top: 60px;
    }
}